您的位置:首页 > 其它

单选按钮和复选框的数据绑定

2015-08-21 13:52 429 查看

单选按钮:

<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.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: