第二篇,表单控件功能相关指令。
ng-checked控制radio和checkbox的选中状态
ng-selected控制下拉框的选中状态
ng-disabled控制失效状态
ng-multiple控制多选
ng-readonly控制只读状态
以上指令的取值均为boolean类型,当值为true时相关状态生效,道理比较简单就不多做解释。注意: 上面的这些只是单向绑定,即只是从数据到模板,不能反作用于数据。要双向绑定,还是要使用 ng-model 。
例如:点击【All】会改变All值,可全选,但是点击【前端】【后台】【数据库】不会改变All的值。
<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>
代码效果:
ng-checked: All 前端 后台 数据库