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指令的基础知识整理，后续继续补充相关知识。
热门推荐
3 祝福语简短的微信
10 幼儿祝福语大全简短贺卡
11 感谢教官文案祝福语简短
12 鼠年同事祝福语简短创意
13 元旦祝福语 简短独特群发
14 妈咪跟我生日祝福语简短
15 给儿子新婚祝福语简短
16 伴娘祝福语长文案简短
17 恭喜高考完祝福语简短
18 生日祝福语送老公简短