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

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/chunzhiyan/article/details/47833431

单选按钮:

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


展开阅读全文

没有更多推荐了,返回首页