AngularJS ng-disabled 指令



  • 定义和用法

    ng-disabled 指令设置表单字段(input,select或textarea)的 disabled 属性。
    如果 ng-disabled 属性内的表达式返回 true,则将禁用 form 字段。
    必须使用 ng-disabled 指令才能在 truefalse 之间转换值。 在 HTML 中,不能将 disabled 属性设置为 false(disabled属性的存在会使元素禁用,而不管其值如何)。
  • 语法

    <element ng-disabled="expression"></element>
    
    仅由 <input>, <select> 和 <textarea> 元素支持该指令
  • 参数

    参数 必需的 描述
    expression 如果元素返回true,则该表达式将设置元素的Disabled属性。
  • 示例

    下例演示了单击勾选复选框禁用所有表单字段:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
    </head>
    <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>Female</option>
          <option>Male</option>  
        </select>
    </body>
    </html>