上一节:
下一节:

  AngularJS ng-disabled 指令

  • 定义和用法

    ng-disabled 指令设置表单字段（input，select或textarea）的 disabled 属性。
    如果 ng-disabled 属性内的表达式返回 true，则将禁用 form 字段。
    必须使用 ng-disabled 指令才能在 true 和 false 之间转换值。 在 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>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: