AngularJS基础 ng-disabled 指令详解及简单示例


Posted in Javascript onAugust 01, 2016

AngularJS ng-disabled 指令

AngularJS 实例

禁用或启用输入框:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/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>

定义和用法

ng-disabled 指令设置表单输入字段的 disabled 属性(input, select, 或 textarea)。

如果 ng-disabled 中的表达式返回 true 则表单字段将被禁用。

语法

<input ng-disabled="expression"></input>

<input>, <select>, 和 <textarea> 元素都支持该指令。

参数值

描述
expression 如果表达式返回true,则设置为元素添加 disabled 属性。

以上就是对ng-disabled 指令的基础知识整理,后续继续补充相关知识。

Javascript 相关文章推荐
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 Javascript
A标签触发onclick事件而不跳转的多种解决方法
Jun 27 Javascript
加随机数引入脚本不让浏览器读取缓存
Sep 04 Javascript
jQuery中wrapInner()方法用法实例
Jan 16 Javascript
javascript中checkbox使用方法实例演示
Nov 19 Javascript
Bootstrap布局方式详解
May 27 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
详解webpack中的hash、chunkhash、contenthash区别
Jan 05 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
May 16 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
Jun 25 Javascript
详解Webpack loader 之 file-loader
Nov 07 Javascript
jQuery获取与设置iframe高度的方法
Aug 01 #Javascript
jQuery+Pdo编写login登陆界面
Aug 01 #Javascript
AngularJS基础 ng-dblclick 指令用法
Aug 01 #Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
Aug 01 #Javascript
Three.js学习之几何形状
Aug 01 #Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
Aug 01 #Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 #Javascript
You might like
php一次性删除前台checkbox多选内容的方法
2013/09/22 PHP
PHP+JQuery+Ajax实现分页方法详解
2016/08/06 PHP
PHP中ID设置自增后不连续的原因分析及解决办法
2016/08/21 PHP
Node.js插件的正确编写方式
2014/08/03 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
2015/11/25 Javascript
Wireshark基本介绍和学习TCP三次握手
2016/08/15 Javascript
Bootstrap模态框禁用空白处点击关闭
2016/10/20 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
python使用urlparse分析网址中域名的方法
2015/04/15 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
python DataFrame转dict字典过程详解
2019/12/26 Python
Python csv文件记录流程代码解析
2020/07/16 Python
无需压缩软件,用python帮你操作压缩包
2020/08/17 Python
python实现ping命令小程序
2020/12/28 Python
python中threading和queue库实现多线程编程
2021/02/06 Python
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
泰国国际航空公司官网:Thai Airways International
2019/12/04 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
生物科学系大学生的自我评价
2013/12/20 职场文书
小学校长汇报材料
2014/08/20 职场文书
传承焦裕禄精神思想汇报2014
2014/09/10 职场文书
党委书记个人对照检查材料
2014/09/15 职场文书
满月酒邀请函
2015/01/30 职场文书
邀请函范文
2015/02/02 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
2019奶茶店创业计划书范本,值得你借鉴
2019/08/14 职场文书
win10壁纸在哪个文件夹 win10桌面背景图片文件位置分享
2022/08/05 数码科技