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 相关文章推荐
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
js 针对html DOM元素操作等经验累积
Mar 11 Javascript
js实现动态加载脚本的方法实例汇总
Nov 02 Javascript
直接拿来用的页面跳转进度条JS实现
Jan 06 Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
Sep 29 Javascript
JS实现移动端实时监听输入框变化的实例代码
Apr 12 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
Jun 26 Javascript
原生JS无缝滑动轮播图
Oct 22 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 Javascript
JavaScript 原型与原型链详情
Nov 02 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
PHP配置心得包含MYSQL5乱码解决
2006/11/20 PHP
PHP Warning: PHP Startup: Unable to load dynamic library \ D:/php5/ext/php_mysqli.dll\
2012/06/17 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
经典的带阴影的可拖动的浮动层
2006/06/26 Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
2011/04/07 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
用JS实现图片轮播效果代码(一)
2016/06/26 Javascript
bootstrap配合Masonry插件实现瀑布式布局
2017/01/18 Javascript
IntersectionObserver实现图片懒加载的示例
2017/09/29 Javascript
vue2.0使用swiper组件实现轮播效果
2017/11/27 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
在小程序中使用Echart图表的示例代码
2018/08/02 Javascript
基于vue-router 多级路由redirect 重定向的问题
2018/09/03 Javascript
详解vue项目中调用百度地图API使用方法
2019/04/25 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
Python中map和列表推导效率比较实例分析
2015/06/17 Python
详解python中requirements.txt的一切
2017/03/03 Python
python验证码识别教程之滑动验证码
2018/06/04 Python
Python实现插入排序和选择排序的方法
2019/05/12 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
用openCV和Python 实现图片对比,并标识出不同点的方式
2019/12/19 Python
python列表切片和嵌套列表取值操作详解
2020/02/27 Python
python退出循环的方法
2020/06/18 Python
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
餐厅总经理岗位职责
2013/12/31 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
实习推荐信
2014/05/10 职场文书
微笑面对生活演讲稿
2014/09/23 职场文书
企业年会祝酒词
2015/08/11 职场文书
Python实现查询剪贴板自动匹配信息的思路详解
2021/07/09 Python
Python借助with语句实现代码段只执行有限次
2022/03/23 Python
Android Studio 计算器开发
2022/05/20 Java/Android