單選按鈕:
<div class="radio" ng-repeat="authMode in EnumItems.authModeSwitch">
<label>
<input type="radio" id="inputAuthModeSwitch" name="inputAuthModeSwitch"
ng-model="secProfile.authConfig.authModeSwitch" value="{{authMode.id}}">
<span class="text">{{authMode.name}}</span>
</label>
</div>
只要設置value和ng-model , 單選按鈕就綁定到數據對象了.
複選框:
<pre name="code" class="javascript"> <div class="col-lg-3 col-sm-3 col-xs-6" ng-repeat="val in filterValues">
<div ng-class="{'checkbox':widget!='radio', 'radio':widget=='radio'}">
<label>
<input type="checkbox" ng-model="isChecked" ng-click="onCheckboxChecked(isChecked, val)" ng-true-value="1" ng-false-value="0">
<span class="text">{{val.name}}</span>
</label>
</div>
</div>
默認情況下,綁定到複選框上的值是ture或者false。有時候,我們希望返回的其它值。Angular提供了一種非常好的處理方式:使用ng-ture-value和ng-false-value。
對複選框選中時的處理可調用ng-click.