【AnjularJS系列2】表單控件功能相關指令

時間 2019-12-09

標籤 AnjularJS系列2 表單控件功能相關指令欄目 HTML 简体版

原文原文鏈接

第二篇，表單控件功能相關指令。　前端

ng-checked控制radio和checkbox的選中狀態數據庫

　　ng-selected控制下拉框的選中狀態app

　　ng-disabled控制失效狀態spa

　　ng-multiple控制多選雙向綁定

　　ng-readonly控制只讀狀態code

　　以上指令的取值均爲boolean類型，當值爲true時相關狀態生效，道理比較簡單就很少作解釋。注意：上面的這些只是單向綁定，即只是從數據到模板，不能副作用於數據。要雙向綁定，仍是要使用 ng-model 。blog

例如：點擊【All】會改變All值，可全選，可是點擊【前端】【後臺】【數據庫】不會改變All的值。ip

<body ng-app="">
<strong>ng-checked：</strong>
<input type="checkbox" ng-model="All" />All
<input type="checkbox" ng-checked="All" />前端
<input type="checkbox" ng-checked="All" />後臺
<input type="checkbox" ng-checked="All" />數據庫
<p>點擊All可全選</p>
</body>