AngularJS ng-checked 指令
实例
点击一个 Checkbox 来全选:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body ng-app=""><p>My cars:</p><input type="checkbox" ng-model="all">全选<br><br><input type="checkbox" ng-checked="all">Volvo<br><input type="checkbox" ng-checked="all">Ford<br><input type="checkbox" ng-checked="all">Mercedes<p>点击 "全选" 来选择所有的车</p></body></html>
定义与用法
ng-checked 指令设置复选框或单选按钮的选中属性。
如果 ng-checked 属性中的表达式返回 true,则复选框或单选按钮将被选中。
ng-checked 指令必须能够在 true 和 false 之间转换。在 HTML 中,不能将 checked 属性设置为 false(checked 属性的存在使元素处于选中状态,无论其值如何)。
语法
<input type="checkbox|radio" ng-checked="expression"></input>
由 checkbox 或 radio 类型的 <input> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 一个表达式,如果返回 true,它将设置元素的 checked 属性。 |