angular checkbox 、radio 在表单中的应用技巧 NG

shuke 2019-6-13 1617

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属性,也就是选中状态。

效果果如下:

最新回复 (0)
全部楼主
返回