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 相关文章推荐
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
说明你的Javascript技术很烂的五个原因
Apr 26 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
javascript重写alert方法的实例代码
Mar 29 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
Dec 17 Javascript
浅析JS运动
Dec 28 Javascript
JavaScript解八皇后问题的方法总结
Jun 12 Javascript
JS实现自定义状态栏动画文字效果示例
Oct 12 Javascript
优雅的处理vue项目异常实战记录
Jun 05 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 Javascript
jQuery 实现扁平式小清新导航
Jul 07 jQuery
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
Yii实现Command任务处理的方法详解
2016/07/14 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
PJ Blog修改-禁止复制的代码和方法
2006/10/25 Javascript
Javascript 阻止javascript事件冒泡,获取控件ID值
2009/06/27 Javascript
javascript使用isNaN()函数判断变量是否为数字
2013/09/21 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
浅析js绑定事件的常用方法
2016/05/15 Javascript
Javascript基础_简单比较undefined和null 值
2016/06/14 Javascript
如何使用headjs来管理和异步加载js
2016/11/29 Javascript
js css自定义分页效果
2017/02/24 Javascript
详解js常用分割取字符串的方法
2019/05/15 Javascript
JS实现处理时间,年月日,星期的公共方法示例
2019/05/31 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
Webpack设置环境变量的一些误区详解
2019/12/19 Javascript
Python smtplib实现发送邮件功能
2018/05/22 Python
python 视频逐帧保存为图片的完整实例
2019/12/10 Python
python基于三阶贝塞尔曲线的数据平滑算法
2019/12/27 Python
Python批量处理csv并保存过程解析
2020/05/16 Python
python中plt.imshow与cv2.imshow显示颜色问题
2020/07/16 Python
Python 使用office365邮箱的示例
2020/10/29 Python
python抢购软件/插件/脚本附完整源码
2021/03/04 Python
CSS3 text shadow字体阴影效果
2016/01/08 HTML / CSS
Noon埃及:埃及在线购物
2019/11/26 全球购物
说说你所熟悉或听说过的j2ee中的几种常用模式?及对设计模式的一些看法
2012/05/24 面试题
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
《厄运打不垮的信念》教学反思
2014/04/13 职场文书
酒店员工培训方案
2014/06/02 职场文书
中职招生先进个人材料
2014/08/31 职场文书
部门2014年度工作总结
2014/11/12 职场文书
小学生成绩单评语
2014/12/31 职场文书
入党积极分子个人总结
2015/03/02 职场文书
2015年七一建党节慰问信
2015/03/23 职场文书
会计专业自荐信范文
2019/05/22 职场文书
python之django路由和视图案例教程
2021/07/26 Python
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android