angular checkbox 、radio详解


  最近在工作中,发现关于checkbox和radio的一些小技巧,感觉非常有用,给大家分享一下。

  •   checkbox,用法如下:
<input type="checkbox"
       ng-model=""
       [name=""]
       [ng-true-value=""]
       [ng-false-value=""]
       [ng-change=""]>

       ng-true-value: 按钮选中时,绑定到ngModel的值。 当属性值和ngModel相同时,则为选中状态。

    ng-false-value: 按钮未选中时,绑定到ngModel的值。 

    ng-change: 按钮状态变化时,将被执行。

  •   radio,用法如下:
<input type="radio"
       ng-model=""
       value=""
       [name=""]
       [ng-change=""]
       ng-value="">

  ng-value: 当按钮选中时,绑定到ngModel的值。 当属性值和ngModel相同时,则为选中状态。

   ng-change: 按钮状态变化时,将被执行。

  另外,也可以在checkbox和radio中使用ngChecked指令,当表达式为true时,在checkbox和radio元素上添加checked属性,也就是选中状态。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM