AngularJS ng-disabled 指令

实例

禁用/启用输入字段:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body ng-app="">
  5. 单击此处禁用所有表单字段:<input type="checkbox" ng-model="all"><br>
  6. <br>
  7. <input type="text" ng-disabled="all">
  8. <input type="radio" ng-disabled="all">
  9. <select ng-disabled="all">
  10. <option>
  11. <option>
  12. </select>
  13. </body>
  14. </html>

定义与用法

ng-disabled 指令设置表单字段(输入、选择或文本区域)的禁用属性。

如果 ng-disabled 属性中的表达式返回 true,则表单字段将被禁用。

ng-disabled 指令必须能够在 truefalse 之间转换值。在 HTML 中,不能将 disabled 属性设置为 false(disabled 属性的存在使元素被禁用,而不管其值如何)。


语法

  1. <input ng-disabled="expression"></input>

由 <input>、<select> 和 <textarea> 元素支持。


参数值

描述
expression一个表达式,如果返回 true,它将设置元素的 disabled 属性

分类导航