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

使用apply方法处理数组的三个技巧[译]

Sep 20 Javascript

jQuery实现带滚动线条导航效果的方法

Jan 30 Javascript

JavaScript检查数字是否为整数或浮点数的方法

Jun 09 Javascript

浅谈JavaScript的Polymer框架中的事件绑定

Jul 29 Javascript

详解vue-router 2.0 常用基础知识点之导航钩子

May 10 Javascript

如何在AngularJs中调用第三方插件库

May 21 Javascript

Angular2使用jQuery的方法教程

May 28 jQuery

详解微信第三方小程序代开发

Jun 23 Javascript

如何优雅地在vue中添加权限控制示例详解

Mar 07 Javascript

改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件

Jul 13 Javascript

使用vue实现多规格选择实例（SKU）

Aug 23 Javascript

js单线程的本质 Event Loop解析

Oct 29 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原理之异常机制

2010/08/21 PHP

理解php原理的opcodes(操作码)

2010/10/26 PHP

php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别

2012/08/08 PHP

浅析php原型模式

2014/11/25 PHP

PHP操作Redis常用技巧总结

2018/04/24 PHP

PHP中一个有趣的preg_replace函数详解

2018/08/15 PHP

PHP抽象类基本用法示例

2018/12/28 PHP

javascript 学习之旅（2）

2009/02/05 Javascript

ToolTips JQEURY插件之简洁小提示框效果

2011/11/19 Javascript

bootstrap3 兼容IE8浏览器！

2016/05/02 Javascript

jQuery动态生成Bootstrap表格

2016/11/01 Javascript

利用jquery实现实时更新歌词的方法

2017/01/06 Javascript

jQuery实现table表格checkbox全选的方法分析

2018/07/04 jQuery

layui table 参数设置方法

2018/08/14 Javascript

在小程序/mpvue中使用flyio发起网络请求的方法

2018/09/13 Javascript

利用js-cookie实现前端设置缓存数据定时失效

2019/06/18 Javascript

微信小程序返回箭头跳转到指定页面实例解析

2019/10/08 Javascript

JavaScript中变量提升机制示例详解

2019/12/27 Javascript

JavaScript实现PC端横向轮播图

2020/02/07 Javascript

深入浅析vue全局环境变量和模式

2020/04/28 Javascript

一文秒懂JavaScript构造函数、实例、原型对象以及原型链

2020/08/25 Javascript

[04:19]DOTA2亚洲邀请赛现场花絮

2015/03/11 DOTA

pytorch 使用单个GPU与多个GPU进行训练与测试的方法

2019/08/19 Python

python 进程进程池进程间通信实现解析

2019/08/23 Python

Python+Tensorflow+CNN实现车牌识别的示例代码

2019/10/11 Python

python框架flask表单实现详解

2019/11/04 Python

pytorch中交叉熵损失(nn.CrossEntropyLoss())的计算过程详解

2020/01/02 Python

python 实现IP子网计算

2021/02/18 Python

全球最大的在线橄榄球商店：Lovell Rugby

2018/05/20 全球购物

餐厅执行经理岗位职责范本

2014/02/26 职场文书

诚信承诺书模板

2014/05/26 职场文书

四风查摆剖析材料

2014/10/10 职场文书

2014年保洁员工作总结

2014/11/19 职场文书

忠犬八公的故事观后感

2015/06/05 职场文书

2015暑期社会实践调查报告

2015/07/14 职场文书

Mongodb 迁移数据块的流程介绍分析

2022/04/18 MongoDB