앵큘러JS Input Controls - Checkbox, Radiobuttons, Selectbox

AngularJS Input Controls - Checkbox, Radiobuttons, Selectbox

체크 박스에는 true또는 값이 false있습니다. 

ng-model지시문을 확인란에 적용하고 응용 프로그램에서 해당 값을 사용합니다.

 <form>

    Check to show a header:

    <input type="checkbox" ng-model="myVar">

</form>

<h1 ng-show="myVar">My Header</h1>

Radiobuttons

ng-model 지시문 을 사용하여 응용 프로그램에 라디오 버튼을 바인딩 합니다.

동일한 버튼이있는 라디오 버튼 ng-model은 다른 값을 가질 수 있지만 선택한 버튼 만 사용됩니다.

선택한 라디오 버튼의 값에 따라 텍스트를 표시하십시오.

 <form>

Pick a topic:

<input type="radio" ng-model="myVar" value="dogs">Dogs

<input type="radio" ng-model="myVar" value="tuts">Tutorials

<input type="radio" ng-model="myVar" value="cars">Cars

</form>

myVar에의 값이 될 것이다 dogs, tuts또는 cars.

Selectbox

ng-model 지시문 을 사용하여 응용 프로그램에 선택 상자를 바인딩하십시오 .

속성에 정의 된 ng-model속성은 선택 상자에서 선택한 옵션의 값을 갖습니다.

선택한 옵션의 값에 따라 텍스트를 표시하십시오.

<form>

Select a topic:

<select ng-model="myVar">

    <option value="">

    <option value="dogs">Dogs

    <option value="tuts">Tutorials

    <option value="cars">Cars

</select>

</form>