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 相关文章推荐
从零开始学习jQuery (二) 万能的选择器
Oct 01 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
jQuery is()函数用法3例
May 06 Javascript
JavaScript将Web页面内容导出到Word及Excel的方法
Feb 13 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
Oct 24 Javascript
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
Jul 08 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
Apr 04 Javascript
vue组件间通信六种方式(总结篇)
May 15 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
jQuery实现简单评论功能
Aug 19 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
Windows下的PHP5.0详解
2006/11/18 PHP
使用apache模块rewrite_module (转)
2007/02/14 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
phpmailer在服务器上不能正常发送邮件的解决办法
2014/07/08 PHP
PHP return语句的另一个作用
2014/07/30 PHP
mysql_connect localhost和127.0.0.1的区别(网络层阐述)
2015/03/26 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
基于jquery的网页SELECT下拉框美化代码
2010/10/28 Javascript
提高NodeJS中SSL服务的性能
2014/07/15 NodeJs
JS表的模拟方法
2015/02/05 Javascript
jquery+ajax请求且带返回值的代码
2015/08/12 Javascript
js实现简单的网页换肤效果
2017/01/18 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
微信小程序开发之toast等弹框提示使用教程
2017/06/08 Javascript
Angular2关于@angular/cli默认端口号配置的问题
2017/07/15 Javascript
js实现1,2,3,5数字按照概率生成
2017/09/12 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
基于Vue中点击组件外关闭组件的实现方法
2018/03/06 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
Python正则表达式常用函数总结
2017/06/24 Python
Python 2.7中文显示与处理方法
2018/07/16 Python
WxPython建立批量录入框窗口
2019/02/27 Python
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
世界上第一个水枕头:Mediflow
2018/12/06 全球购物
在加拿大在线租赁和购买电子游戏:Game Access
2019/09/02 全球购物
媒矿安全生产承诺书
2014/05/23 职场文书
工程售后服务方案
2014/06/08 职场文书
大学专科自荐信
2014/06/17 职场文书
小学生安全责任书
2014/07/25 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
小学班主任教育随笔
2015/08/15 职场文书
利用js实现简单开关灯代码
2021/11/23 Javascript