AngularJS ng-disabled 指令
实例
禁用/启用输入字段:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body ng-app="">单击此处禁用所有表单字段:<input type="checkbox" ng-model="all"><br><br><input type="text" ng-disabled="all"><input type="radio" ng-disabled="all"><select ng-disabled="all"><option>女<option>男</select></body></html>
定义与用法
ng-disabled 指令设置表单字段(输入、选择或文本区域)的禁用属性。
如果 ng-disabled 属性中的表达式返回 true,则表单字段将被禁用。
ng-disabled 指令必须能够在 true 和 false 之间转换值。在 HTML 中,不能将 disabled 属性设置为 false(disabled 属性的存在使元素被禁用,而不管其值如何)。
语法
<input ng-disabled="expression"></input>
由 <input>、<select> 和 <textarea> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 一个表达式,如果返回 true,它将设置元素的 disabled 属性 |