编程 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 相关文章推荐

javascript document.compatMode兼容性

Feb 23 Javascript

JQuery+DIV自定义滚动条样式的具体实现

Jun 25 Javascript

JS判断网页广告是否被浏览器拦截过滤的代码

Apr 05 Javascript

JQuery中节点遍历方法实例

May 18 Javascript

jQuery实现html表格动态添加新行的方法

May 28 Javascript

分析js闭包引起的事件注册问题

Mar 29 Javascript

关于Jquery中的事件绑定总结

Oct 26 Javascript

微信小程序石头剪刀布实例代码

Jan 04 Javascript

jQuery返回定位插件详解

May 15 jQuery

清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)

Aug 14 Javascript

EasyUI框架使用Ajax提交注册信息的实现代码

Sep 27 Javascript

JavaScript碎片—函数闭包（模拟面向对象）

Mar 13 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上传图片客户端和服务器端实现方法

2015/03/30 PHP

php中的登陆login实例代码

2016/06/20 PHP

Ajax+PHP实现的模拟进度条功能示例

2019/02/11 PHP

学习js所必须要知道的一些

2007/03/07 Javascript

javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持

2009/04/07 Javascript

js监听表单value的修改同步问题，跨浏览器支持

2009/12/31 Javascript

javascript tips提示框组件实现代码

2010/11/19 Javascript

基于promise.js实现nodejs的promises库

2014/07/06 NodeJs

Node.js 制作实时多人游戏框架

2015/01/08 Javascript

javascript+ajax实现产品页面加载信息

2015/07/09 Javascript

浅析JavaScript作用域链、执行上下文与闭包

2016/02/01 Javascript

JS DOM实现鼠标滑动图片效果

2020/09/17 Javascript

jQuery实现select模糊查询（反射机制）

2017/01/14 Javascript

js实现图片左右滚动效果

2017/02/27 Javascript

Vuejs实现带样式的单文件组件新方法

2017/05/02 Javascript

NodeJS实现图片上传代码(Express)

2017/06/30 NodeJs

利用纯js + transition动画实现移动端web轮播图详解

2017/09/10 Javascript

Nodejs下使用gm圆形裁剪并合成图片的示例

2018/02/22 NodeJs

vue-cli 使用axios的操作方法及整合axios的多种方法

2018/09/12 Javascript

vue 项目接口管理的实现

2019/01/17 Javascript

vue transition 在子组件中失效的解决

2019/11/12 Javascript

Vue移动端项目实现使用手机预览调试操作

2020/07/18 Javascript

JavaScript实现串行请求的示例代码

2020/09/14 Javascript

[01:19:23]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第二场

2018/04/06 DOTA

python连接池实现示例程序

2013/11/26 Python

Python中time模块和datetime模块的用法示例

2016/02/28 Python

html5 Web SQL Database 之事务处理函数transaction与executeSQL解析

2013/11/07 HTML / CSS

HTML5 创建canvas元素示例代码

2014/06/04 HTML / CSS

编写一个类体现构造，公有，私有方法，静态，私有变量

2013/08/10 面试题

如何写一个自定义标签

2012/12/28 面试题

初中英语演讲稿

2014/04/29 职场文书

党章培训心得体会

2014/09/04 职场文书

小学班主任评语

2014/12/29 职场文书

大二学年个人总结

2015/03/03 职场文书

php中pcntl_fork详解

2021/04/01 PHP

elasticSearch-api的具体操作步骤讲解

2021/06/28 Java/Android