编程 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 异常处理使用总结

Jun 21 Javascript

JS上传前预览图片实例

Mar 25 Javascript

实例讲解JS中数组Array的操作方法

May 09 Javascript

用Node.js通过sitemap.xml批量抓取美女图片

May 28 Javascript

jquery实现仿JqueryUi可拖动的DIV实例

Jul 31 Javascript

JavaScript iframe数据共享接口实现方法

Jan 06 Javascript

ionic2 tabs使用 Modal底部tab弹出框

Dec 30 Javascript

Javascript中类式继承和原型式继承的实现方法和区别之处

Apr 25 Javascript

jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法

Jul 12 jQuery

EasyUI创建人员树的实例代码

Sep 15 Javascript

微信小程序实现文字跑马灯效果

May 26 Javascript

记录vue做微信自定义分享的一些问题

Sep 12 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

咖啡的种类和口感

2021/03/03 新手入门

php中设置index.php文件为只读的方法

2013/02/06 PHP

php foreach循环中使用引用的问题

2013/11/06 PHP

php对二维数组进行排序的简单实例

2013/12/19 PHP

PHP+Mysql实现多关键字与多字段生成SQL语句的函数

2014/11/05 PHP

PHP网站建设的流程与步骤分享

2015/09/25 PHP

PHP验证码生成原理和实现

2016/01/24 PHP

JavaScript 不只是脚本

2007/05/30 Javascript

Javascript之旅对象的原型链之由来

2010/08/25 Javascript

js 有框架页面跳转(target)三种情况下的应用

2013/04/09 Javascript

使用javascript获取页面名称

2014/12/23 Javascript

Javascript控制input输入时间格式的方法

2015/01/28 Javascript

jQuery插件扩展extend的简单实现原理

2016/06/24 Javascript

select隐藏选中值对应的id,显示其它id的简单实现方法

2016/08/25 Javascript

Angularjs 制作购物车功能实例代码

2016/09/14 Javascript

etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例

2016/11/09 Javascript

基于Three.js插件制作360度全景图

2016/11/29 Javascript

详解微信小程序开发之城市选择器城市切换

2017/01/17 Javascript

jQuery滚动监听实现商城楼梯式导航效果

2017/03/06 Javascript

Angular2开发——组件规划篇

2017/03/28 Javascript

JS通过位运算实现权限加解密

2018/08/14 Javascript

使用jquery-easyui的布局layout写后台管理页面的代码详解

2019/06/19 jQuery

vue使用nprogress实现进度条

2019/12/09 Javascript

JS如何判断对象是否包含某个属性

2020/08/29 Javascript

[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK

2014/05/26 DOTA

python中的计时器timeit的使用方法

2017/10/20 Python

Python字典循环添加一键多值的用法实例

2019/01/20 Python

django使用xadmin的全局配置详解

2019/11/15 Python

哪些是python中web开发框架

2020/06/17 Python

Python爬虫设置Cookie解决网站拦截并爬取蚂蚁短租的问题

2021/02/22 Python

老生常谈CSS中的长度单位

2016/06/27 HTML / CSS

知识竞赛主持词

2014/03/26 职场文书

抗洪抢险事迹材料

2014/05/06 职场文书

开工典礼策划方案

2014/05/23 职场文书

优秀新员工事迹材料

2019/05/13 职场文书

Mysql中的触发器定义及语法介绍

2022/06/25 MySQL