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

第二篇,表单控件功能相关指令。 

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 前端 后台 数据库
上一篇:mysql命令查询


下一篇:Bootstrap的表单控件