编程 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 select的操作实现代码

May 06 Javascript

Javascript实现滑块滑动改变值的实现代码

Apr 12 Javascript

js实现超简单的展开、折叠目录代码

Aug 28 Javascript

jQuery实现选项卡切换效果简单演示

Dec 09 Javascript

Javascript删除指定元素节点的方法

Jun 21 Javascript

AngularJS ng-blur 指令详解及简单实例

Jul 30 Javascript

javascript 中关于array的常用方法详解

May 05 Javascript

详解使用Node.js 将txt文件转为Excel文件

Jul 05 Javascript

移动端触摸滑动插件swiper使用方法详解

Aug 11 Javascript

详解使用webpack打包编写一个vue-toast插件

Nov 08 Javascript

vue.js中引入vuex储存接口数据及调用的详细流程

Dec 14 Javascript

vue项目设置scrollTop不起作用(总结)

Dec 21 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

杏林同学录(三)

2006/10/09 PHP

PHP操作FTP类 (上传、下载、移动、创建等)

2016/03/31 PHP

Centos PHP 扩展Xchche的安装教程

2016/07/09 PHP

Thinkphp整合阿里云OSS图片上传实例代码

2019/04/28 PHP

jQuery EasyUI API 中文文档 - ComboTree组合树

2011/10/11 Javascript

输入密码检测大写是否锁定js实现代码

2012/12/03 Javascript

JQuery AJAX 中文乱码问题解决

2013/06/05 Javascript

JavaScript作用域与作用域链深入解析

2013/12/06 Javascript

node.js中的fs.lstat方法使用说明

2014/12/16 Javascript

js实现音频控制进度条功能

2017/04/01 Javascript

jquery实现图片轮播器

2017/05/23 jQuery

express默认日志组件morgan的方法

2018/04/05 Javascript

js+HTML5 canvas 实现简单的加载条(进度条)功能示例

2019/07/16 Javascript

jQuery实现简单弹幕效果

2019/11/28 jQuery

[01:18]PWL开团时刻DAY10——一拳超人

2020/11/11 DOTA

Python使用random和tertools模块解一些经典概率问题

2015/01/28 Python

Python使用pymysql小技巧

2017/06/04 Python

python WindowsError的错误代码详解

2017/07/23 Python

Python模拟随机游走图形效果示例

2018/02/06 Python

Python 在字符串中加入变量的实例讲解

2018/05/02 Python

Pycharm2017版本设置启动时默认自动打开项目的方法

2018/10/29 Python

在python中pandas的series合并方法

2018/11/12 Python

在python中用print()输出多个格式化参数的方法

2019/07/16 Python

python 定义类时,实现内部方法的互相调用

2019/12/25 Python

Python如何通过百度翻译API实现翻译功能

2020/04/02 Python

推荐技术人员一款Python开源库(造数据神器)

2020/07/08 Python

pyqt5 textEdit、lineEdit操作的示例代码

2020/08/12 Python

Python列表元素删除和remove()方法详解

2021/01/04 Python

python中altair可视化库实例用法

2021/01/26 Python

html5新增的定时器requestAnimationFrame实现进度条功能

2018/12/13 HTML / CSS

大学生学习生活的自我评价

2013/11/01 职场文书

我的中国梦演讲稿小学篇

2014/08/19 职场文书

小学生十佳少年事迹材料

2014/08/20 职场文书

私人委托书格式

2014/09/10 职场文书

微笑面对生活演讲稿

2014/09/23 职场文书

java实现面板之间切换功能

2022/06/10 Java/Android