100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 单选按钮和复选框的数据绑定

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

时间:2024-04-16 22:39:49

相关推荐

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

单选按钮:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。