编程 Javascript

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>, <select>, 和 <textarea> 元素都支持该指令。

参数值

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

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

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

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery 表单进行客户端验证demo

Aug 24 Javascript

Javascript之旅对象的原型链之由来

Aug 25 Javascript

jQuery之尺寸调整组件的深入解析

Jun 19 Javascript

浅析jQuery对select操作小结(遍历option,操作option)

Jul 04 Javascript

js实现动态改变字体大小代码

Jan 02 Javascript

javascript获取隐藏元素(display:none)的高度和宽度的方法

Jun 06 Javascript

深入理解关于javascript中apply()和call()方法的区别

Apr 12 Javascript

微信小程序免费SSL证书https、TLS版本问题的解决办法

Dec 14 Javascript

canvas红包照片实例分享

Feb 28 Javascript

微信小程序云开发之模拟后台增删改查

May 16 Javascript

vue路由守卫+登录态管理实例分析

May 21 Javascript

微信小程序实现时间戳格式转换

Jul 20 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无法访问远程mysql的问题分析及解决

2013/05/16 PHP

ThinkPHP模板判断输出Present标签用法详解

2014/06/30 PHP

php发送get、post请求的6种方法简明总结

2014/07/08 PHP

PHP生成网站桌面快捷方式代码分享

2014/10/11 PHP

微信随机生成红包金额算法php版

2016/07/21 PHP

php+mysql+ajax实现单表多字段多关键词查询的方法

2017/04/15 PHP

javascript实现在光标处插入指定内容

2007/05/25 Javascript

开发插件的两个方法jquery.fn.extend与jquery.extend

2013/11/21 Javascript

JavaScript事件委托的技术原理探讨示例

2014/04/17 Javascript

js简单的弹出框有关闭按钮

2014/05/05 Javascript

JSON遍历方式实例总结

2015/12/07 Javascript

JavaScript简单实现弹出拖拽窗口（一）

2016/06/17 Javascript

老生常谈Javascript中的原型和this指针

2016/10/09 Javascript

angular十大常见问题

2017/03/07 Javascript

easyUI下拉列表点击事件使用方法

2017/05/18 Javascript

微信小程序实现手指触摸画板

2018/07/09 Javascript

Nuxt项目支持eslint+pritter+typescript的实现

2019/05/20 Javascript

vue.js 输入框输入值自动过滤特殊字符替换中问标点操作

2020/08/31 Javascript

使用python实现拉钩网上的FizzBuzzWhizz问题示例

2014/05/05 Python

Python基于twisted实现简单的web服务器

2014/09/29 Python

利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式

2020/01/20 Python

解决python pandas读取excel中多个不同sheet表格存在的问题

2020/07/14 Python

Python实现Appium端口检测与释放的实现

2020/12/31 Python

利用CSS的Sass预处理器（框架）来制作居中效果

2016/03/10 HTML / CSS

html5使用canvas画空心圆与实心圆

2014/12/15 HTML / CSS

关于老式浏览器兼容HTML5和CSS3的问题

2016/06/01 HTML / CSS

英国折扣高尔夫商店：Discount Golf Store

2019/11/19 全球购物

网络工程与软件技术毕业生自荐信

2013/09/24 职场文书

女方回门宴答谢词

2014/01/14 职场文书

药店促销活动总结

2014/07/10 职场文书

秋冬农业生产标语

2014/10/09 职场文书

自荐信模板大全

2015/03/27 职场文书

反腐倡廉主题教育活动总结

2015/05/07 职场文书

python爬取某网站原图作为壁纸

2021/06/02 Python

html5表单的required属性使用

2021/07/07 HTML / CSS

CSS 实现角标效果的完整代码

2022/06/28 HTML / CSS