编程 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 按键盘上的enter事件

May 11 Javascript

Express作者TJ告别Node.js奔向Go

Jul 14 Javascript

JavaScript设计模式之抽象工厂模式介绍

Dec 28 Javascript

轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮

Nov 30 Javascript

如何用angularjs制作一个完整的表格

Jan 21 Javascript

AngularJS向后端ASP.NET API控制器上传文件

Feb 03 Javascript

js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法

Feb 19 Javascript

Vue的Flux框架之Vuex状态管理器

Jul 30 Javascript

JavaScript适配器模式详解

Oct 19 Javascript

Vue使用axios出现options请求方法

May 30 Javascript

javascript实现拖拽碰撞检测

Mar 12 Javascript

利用PHP实现递归删除链表元素的方法示例

Oct 23 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

如何给phpadmin一个保护

2006/10/09 PHP

PHP GD 图像处理组件的常用函数总结

2010/04/28 PHP

PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子

2014/05/10 PHP

PHP远程采集图片详细教程

2014/07/01 PHP

php实现修改新闻时删除图片的方法

2015/05/12 PHP

是 WordPress 让 PHP 更流行了而不是框架

2016/02/03 PHP

JS 对象介绍

2010/01/20 Javascript

在页面中js获取光标/鼠标的坐标及光标的像素坐标

2013/11/11 Javascript

jquery实现tr元素的上下移动示例代码

2013/12/20 Javascript

JavaScript检测浏览器cookie是否已经启动的方法

2015/02/27 Javascript

js给selected添加options的方法

2015/05/06 Javascript

jQuery实现按钮只点击一次后就取消点击事件绑定的方法

2015/06/26 Javascript

JavaScript数据结构中串的表示与应用实例

2017/04/12 Javascript

Angular中的$watch、$watchGroup、$watchCollection

2017/06/25 Javascript

vue按需加载组件webpack require.ensure的方法

2017/12/13 Javascript

vue-auto-focus: 控制自动聚焦行为的 vue 指令方法

2018/08/25 Javascript

vue 项目build错误异常的解决方法

2019/04/22 Javascript

vue实现下拉加载其实没那么复杂

2019/08/13 Javascript

Nuxt 项目性能优化调研分析

2020/11/07 Javascript

Python httplib模块使用实例

2015/04/11 Python

打包发布Python模块的方法详解

2016/09/18 Python

Python实现两个list求交集，并集，差集的方法示例

2018/08/02 Python

PyQt QListWidget修改列表项item的行高方法

2019/06/20 Python

Pycharm远程调试原理及具体配置详解

2019/08/08 Python

python连接PostgreSQL数据库的过程详解

2019/09/18 Python

numpy 返回函数的上三角矩阵实例

2019/11/25 Python

解决Pytorch训练过程中loss不下降的问题

2020/01/02 Python

关于python scrapy中添加cookie踩坑记录

2020/11/17 Python

比利时买床：Beter Bed

2017/12/06 全球购物

女性时尚网购：Chic Me

2019/07/30 全球购物

竞聘书模板

2014/03/31 职场文书

党员公开承诺书内容

2014/05/20 职场文书

土木工程专业本科生求职信

2014/10/01 职场文书

爱国主义电影观后感

2015/06/18 职场文书

「SHOW BY ROCK!!」“雫シークレットマインド”组合单曲MV公开

2022/03/21 日漫

Kubernetes关键组件与结构组成介绍

2022/03/31 Servers