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

使用按钮控制以何种方式打开新窗口的属性介绍

Dec 17 Javascript

js 针对html DOM元素操作等经验累积

Mar 11 Javascript

js实现动态加载脚本的方法实例汇总

Nov 02 Javascript

直接拿来用的页面跳转进度条JS实现

Jan 06 Javascript

第八篇Bootstrap下拉菜单实例代码

Jun 21 Javascript

Bootstrap Table从服务器加载数据进行显示的实现方法

Sep 29 Javascript

JS实现移动端实时监听输入框变化的实例代码

Apr 12 Javascript

node.js连接MongoDB数据库的2种方法教程

May 17 Javascript

详解VUE自定义组件中用.sync修饰符与v-model的区别

Jun 26 Javascript

原生JS无缝滑动轮播图

Oct 22 Javascript

Vue+Bootstrap收藏（点赞）功能逻辑与具体实现

Oct 22 Javascript

JavaScript 原型与原型链详情

Nov 02 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

全国FM电台频率大全 - 4 山西省

2020/03/11 无线电

PHP配置心得包含MYSQL5乱码解决

2006/11/20 PHP

PHP Warning: PHP Startup: Unable to load dynamic library \ D:/php5/ext/php_mysqli.dll\

2012/06/17 PHP

PHP与MYSQL中UTF8 中文排序示例代码

2014/10/23 PHP

经典的带阴影的可拖动的浮动层

2006/06/26 Javascript

JQUERY的属性选择符和自定义选择符使用方法（二）

2011/04/07 Javascript

jquery下jstree简单应用 - v1.0

2011/04/14 Javascript

JQuery的Ajax请求实现局部刷新的简单实例

2014/02/11 Javascript

Linux下使用jq友好的打印JSON技巧分享

2014/11/18 Javascript

用JS实现图片轮播效果代码（一）

2016/06/26 Javascript

bootstrap配合Masonry插件实现瀑布式布局

2017/01/18 Javascript

IntersectionObserver实现图片懒加载的示例

2017/09/29 Javascript

vue2.0使用swiper组件实现轮播效果

2017/11/27 Javascript

vue 系列——vue2-webpack2框架搭建踩坑之路

2017/12/22 Javascript

在小程序中使用Echart图表的示例代码

2018/08/02 Javascript

基于vue-router 多级路由redirect 重定向的问题

2018/09/03 Javascript

详解vue项目中调用百度地图API使用方法

2019/04/25 Javascript

VUE : vue-cli中去掉路由中的井号#操作

2020/09/04 Javascript

Python2.5/2.6实用教程入门基础篇

2009/11/29 Python

Python中map和列表推导效率比较实例分析

2015/06/17 Python

详解python中requirements.txt的一切

2017/03/03 Python

python验证码识别教程之滑动验证码

2018/06/04 Python

Python实现插入排序和选择排序的方法

2019/05/12 Python

Python获取好友地区分布及好友性别分布情况代码详解

2019/07/10 Python

用openCV和Python 实现图片对比,并标识出不同点的方式

2019/12/19 Python

python列表切片和嵌套列表取值操作详解

2020/02/27 Python

python退出循环的方法

2020/06/18 Python

世界顶级足球门票网站：Live Football Tickets

2017/10/14 全球购物

餐厅总经理岗位职责

2013/12/31 职场文书

大学生精神文明先进个人事迹材料

2014/05/02 职场文书

实习推荐信

2014/05/10 职场文书

微笑面对生活演讲稿

2014/09/23 职场文书

企业年会祝酒词

2015/08/11 职场文书

Python实现查询剪贴板自动匹配信息的思路详解

2021/07/09 Python

Python借助with语句实现代码段只执行有限次

2022/03/23 Python

Android Studio 计算器开发

2022/05/20 Java/Android