最近在工作中,發現關於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屬性,也就是選中狀態。