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

一些有关检查数据的JS代码

Sep 07 Javascript

javascript几个易错点记录

Nov 26 Javascript

JavaScript截取指定长度字符串点击可以展开全部代码

Dec 04 Javascript

Bootstrap嵌入jqGrid，使你的table牛逼起来

May 05 Javascript

前端JS面试中常见的算法问题总结

Dec 23 Javascript

原生和jQuery的ajax用法详解

Jan 23 Javascript

JavaScript学习笔记之惰性函数示例详解

Aug 27 Javascript

JavaScript中关于class的调用方法

Nov 28 Javascript

JavaScript中EventLoop介绍

Jan 22 Javascript

详解nuxt 微信公众号支付遇到的问题与解决

Aug 26 Javascript

解决新建一个vue项目过程中遇到的问题

Oct 22 Javascript

JavaScript实现10秒后再次获取验证码

Dec 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

thinkphp3.2.2前后台公用类架构问题分析

2014/11/25 PHP

laravel 关联关系遍历数组的例子

2019/10/10 PHP

详细分析PHP 命名空间(namespace)

2020/06/30 PHP

懒就要懒到底——鼠标自动点击（含时间判断）

2007/02/20 Javascript

top.location.href 没有权限解决方法

2008/08/05 Javascript

从零开始学习jQuery (四) jQuery中操作元素的属性与样式

2011/02/23 Javascript

使用javascript获取flash加载的百分比的实现代码

2011/05/25 Javascript

jqplot通过ajax动态画折线图的方法及思路

2013/12/08 Javascript

JavaScript版的TwoQueues缓存模型

2014/12/29 Javascript

AngularJS+Bootstrap实现多文件上传与管理

2016/11/08 Javascript

简单实现js无缝滚动效果

2017/02/05 Javascript

JS基于正则表达式的替换操作(replace)用法示例

2017/04/28 Javascript

Express+Nodejs 下的登录拦截实现代码

2017/07/01 NodeJs

JS中的两种数据类型及实现引用类型的深拷贝的方法

2018/08/12 Javascript

如何封装了一个vue移动端下拉加载下一页数据的组件

2019/01/06 Javascript

Vue跨域请求问题解决方案过程解析

2020/08/07 Javascript

Openlayers实现距离面积测量

2020/09/28 Javascript

python判断端口是否打开的实现代码

2013/02/10 Python

django模板语法学习之include示例详解

2017/12/17 Python

python 列表,数组,矩阵两两转换tolist()的实例

2018/04/04 Python

Django中使用Celery的方法示例

2018/11/29 Python

python简单鼠标自动点击某区域的实例

2019/06/25 Python

Python:合并两个numpy矩阵的实现

2019/12/02 Python

Python selenium环境搭建实现过程解析

2020/09/08 Python

python Xpath语法的使用

2020/11/26 Python

美国林业供应商：Forestry Suppliers

2019/05/01 全球购物

施华洛世奇西班牙官网：SWAROVSKI西班牙

2019/06/06 全球购物

介绍一下SQL注入攻击的种类和防范手段

2012/02/18 面试题

军训心得体会

2013/12/31 职场文书

加拿大留学自荐信

2014/01/28 职场文书

2014乡镇“三八”国际劳动妇女节活动总结

2014/03/01 职场文书

母婴店促销方案

2014/03/05 职场文书

民事授权委托书范文

2014/08/02 职场文书

公务员培的训心得体会

2014/09/01 职场文书

2015年大学迎新工作总结

2015/07/16 职场文书

CSS几步实现赛博朋克2077风格视觉效果

2021/06/16 HTML / CSS