Angularjs中checkbox使用

前端之家收集整理的这篇文章主要介绍了Angularjs中checkbox使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

场景:需要显示一组复选框,个数由js传递的数组决定,默认都是选中状态,我可以点击其中的复选框来改变某个值的状态。效果如下:

代码

<label class="checkBox-inline" ng-repeat="k in conf.config_online.time track by $index">
                        <input type="checkBox" ng-model="$parent.conf.config_online.time[$index]" ng-true-value="1" ng-false-value="0"> {{$index}}
                    </label>

其中conf.config_online.time是一个Array,类似[1,1,1]这种形式,刚开始我用ng-checked来设置是否被选中,发现ng-model的值不被改变,后来发现了神奇的ng-true-valueng-false-value来设定1表示选中,0表示未选中。

猜你在找的Angularjs相关文章