上一节:
下一节:

  AngularJS ng-readonly 指令

  • 定义和用法

    ng-readonly 指令设置表单字段（输入或文本区域）的 readonly 属性。
    如果 ng-readonly 属性内的表达式返回 true，则 form 字段将为只读。
    ng-readonly 指令对于能够在 true 和 false 之间转换值是必需的。 在 HTML 中，您不能将 readonly 属性设置为 false（readonly属性的存在使元素变为只读，而不管其值如何）。

  • 语法

    <input ng-readonly="expression"></input >
    仅由<input>，<textarea>元素支持该指令

  • 参数

    参数 必需的 描述
    expression 是 一个表达式，如果元素返回true，它将设置元素的readonly属性。

  • 示例

    下例演示了使输入字段为只读： 
    <!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-readonly="all">
 </body>
 </html>
    尝试一下

  • 相关页面

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