angular checkbox 、radio详解

  最近在工做中,发现关于checkbox和radio的一些小技巧,感受很是有用,给你们分享一下。spa

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

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

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

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

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

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

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

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

相关文章
相关标签/搜索