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