AngularJS 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>