AngularJS基础 ng-disabled 指令详解及简单示例
AngularJSng-disabled指令
AngularJS实例
禁用或启用输入框:
<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <bodyng-app=""> 点击这里禁用所有表单输入域:<inputtype="checkbox"ng-model="all"><br> <br> <inputtype="text"ng-disabled="all"> <inputtype="radio"ng-disabled="all"> <selectng-disabled="all"> <option>Female</option> <option>Male</option> </select> </body> </html>
定义和用法
ng-disabled指令设置表单输入字段的disabled属性(input,select,或textarea)。
如果ng-disabled中的表达式返回true则表单字段将被禁用。
语法
<inputng-disabled="expression"></input>
<input>,<select>,和<textarea>元素都支持该指令。
参数值
值
描述
expression
如果表达式返回true，则设置为元素添加disabled属性。
以上就是对ng-disabled指令的基础知识整理，后续继续补充相关知识。