【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>

代码效果：input

ng-checked： All 前端后台数据库

【AnjularJS系列2】 表单控件功能相关指令

【AnjularJS系列2】表单控件功能相关指令