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 ng-disabled="expression"></input>

<input>, <select>, 和 <textarea> 元素都支持该指令。

参数值

描述
expression 如果表达式返回true,则设置为元素添加 disabled 属性。

以上就是对ng-disabled 指令的基础知识整理,后续继续补充相关知识。

Javascript 相关文章推荐
JavaScript中令你抓狂的魔术变量
Nov 30 Javascript
javascript引用对象的方法代码
Aug 13 Javascript
为超链接加上disabled后的故事
Dec 10 Javascript
JavaScript中检查对象property的存在性方法介绍
Dec 30 Javascript
Jquery搜索父元素操作方法
Feb 10 Javascript
javascript中局部变量和全局变量的区别详解
Feb 27 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
Sep 08 Javascript
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
webpack-dev-server远程访问配置方法
Feb 22 Javascript
详解JS深拷贝与浅拷贝
Aug 04 Javascript
梳理一下vue中的生命周期
Dec 30 Vue.js
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
无线电广播的开始
2002/01/30 无线电
PHP常用代码
2006/11/23 PHP
wordpress之wp-settings.php
2007/08/17 PHP
PHP连接SQLServer2005 的问题解决方法
2010/07/19 PHP
php中过滤非法字符的具体实现
2013/10/29 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
JQuery select控件的相关操作实现代码
2012/09/14 Javascript
关于验证码在IE中不刷新的快速解决方法
2016/09/23 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
jquery对象与DOM对象转化
2017/02/08 Javascript
Bootstrap导航条学习使用(二)
2017/02/08 Javascript
写给vue新手们的vue渲染页面教程
2017/09/01 Javascript
vue 使用rules对表单字段进行校验的步骤
2020/12/25 Vue.js
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
python基础教程之面向对象的一些概念
2014/08/29 Python
Python的Django框架中的Context使用
2015/07/15 Python
python 显示数组全部元素的方法
2018/04/19 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
浅析使用Python搭建http服务器
2019/10/27 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
浅析HTML5中的 History 模式
2017/06/22 HTML / CSS
英国领先的酒类网上商城:TheDrinkShop
2017/03/16 全球购物
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
环境科学专业大学生自荐信格式
2013/09/21 职场文书
机械专业应届生求职信
2013/12/12 职场文书
销售个人求职信范文
2014/04/28 职场文书
企业职业病防治方案
2014/05/29 职场文书
党员教师一句话承诺
2014/05/30 职场文书
流动人口婚育证明
2014/10/19 职场文书
导游词之海南天涯海角
2019/12/05 职场文书
详解Redis基本命令与使用场景
2021/06/01 Redis
MySQL中varchar和char类型的区别
2021/11/17 MySQL