编程 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获取iframe中的dom对象(两种方法)

Jul 02 Javascript

JQuery自动触发事件的方法

Jun 13 Javascript

jquery实现的用户注册表单提示操作效果代码分享

Aug 28 Javascript

详解Bootstrap的aria-label和aria-labelledby应用

Jan 04 Javascript

Bootstrap基本样式学习笔记之图片(6)

Dec 07 Javascript

利用jquery如何从json中读取数据追加到html中

Dec 01 jQuery

Vue中this.$router.push参数获取方法

Feb 27 Javascript

node前端开发模板引擎Jade的入门

May 11 Javascript

手把手教你vue-cli单页到多页应用的方法

May 31 Javascript

React+Antd+Redux实现待办事件的方法

Mar 14 Javascript

vue实现浏览器全屏展示功能

Nov 27 Javascript

原生JS实现无缝轮播图片

Jun 24 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支持页面回退的两种方法

2008/01/10 PHP

PHP计算一年多少个星期和每周的开始和结束日期

2014/07/01 PHP

PHP设计模式之委托模式定义与用法简单示例

2018/08/13 PHP

php模拟实现斗地主发牌

2020/04/22 PHP

用js实现键盘方向键翻页功能的代码

2007/06/03 Javascript

showModalDialog在谷歌浏览器下会返回Null的解决方法

2013/11/27 Javascript

jquery选择checked在ie8普通模式下的问题

2014/02/12 Javascript

NodeJS学习笔记之Http模块

2015/01/13 NodeJs

JavaScript通过select动态更换图片的方法

2015/03/23 Javascript

win7下安装配置node.js+express开发环境

2015/12/06 Javascript

深入理解jQuery 事件处理

2016/06/14 Javascript

es6的数字处理的方法（5个）

2017/03/16 Javascript

Bootstrap table使用方法总结

2017/05/10 Javascript

template.js前端模板引擎使用详解

2017/10/10 Javascript

vue.js实现点击图标放大离开时缩小的代码

2021/01/27 Vue.js

[01:32]寻找你心中的那团火 DOTA2 TI9火焰传递活动今日开启

2019/05/16 DOTA

深入理解Python中的内置常量

2017/05/20 Python

详解python 3.6 安装json 模块(simplejson)

2019/04/02 Python

python itchat实现调用微信接口的第三方模块方法

2019/06/11 Python

详解python和matlab的优势与区别

2019/06/28 Python

Python scrapy爬取小说代码案例详解

2020/07/09 Python

python switch 实现多分支选择功能

2020/12/21 Python

python-图片流传输的思路及示例(url转换二维码)

2020/12/21 Python

CSS3基础(RGBa、text-shadow、box-shadow、border-radius)

2012/11/13 HTML / CSS

css3圆角样式分享自定义按钮样式

2013/12/27 HTML / CSS

css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果

2021/01/27 HTML / CSS

周仰杰(JIMMY CHOO)法国官方网站：闻名世界的鞋子品牌

2019/09/27 全球购物

为什么需要版本控制？

2013/08/08 面试题

个人现实表现材料

2014/02/04 职场文书

初中国旗下的演讲稿

2014/08/28 职场文书

小学新教师个人总结

2015/02/05 职场文书

离婚代理词范文

2015/05/23 职场文书

对领导班子的意见和建议

2015/06/08 职场文书

运动会通讯稿600字

2015/07/20 职场文书

八年级作文之感悟亲情

2019/11/20 职场文书

Nginx部署vue项目和配置代理的问题解析

2021/08/04 Servers