AngularJS基础 ng-disabled 指令详解及简单示例  更新时间:2016年08月01日 11:41:34   投稿:lqh   本文主要介绍AngularJS ng-disabled 指令,这里帮大家整理了ng-disabled指令的基础指令,并附示例代码,有需要的小伙伴参考下 AngularJS ng-disabled 指令 AngularJS 实例 禁用或启用输入框: 点击这里禁用所有表单输入域: Female Male 定义和用法 ng-disabled 指令设置表单输入字段的 disabled 属性(input, select, 或 textarea)。 如果 ng-disabled 中的表达式返回 true 则表单字段将被禁用。 语法 , , 和 元素都支持该指令。 参数值 值 描述 expression 如果表达式返回true,则设置为元素添加 disabled 属性。 以上就是对ng-disabled 指令的基础知识整理,后续继续补充相关知识。 您可能感兴趣的文章: AngularJS2中一种button切换效果的实现方法(二) angularjs自定义ng-model标签的属性 Angular.js回顾ng-app和ng-model使用技巧 AngularJS基础 ng-model 指令详解及示例代码 AngularJS基础 ng-model-options 指令简单示例 Angular.JS利用ng-disabled属性和ng-model实现禁用button效果 AngularJS ng-disabled 指令 相关文章 Angular页面间切换及传值的4种方法 这篇文章主要为大家详细介绍了Angular页面间切换及传值的四种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 2016-11-11 使用Raygun来自动追踪AngularJS中的异常 这篇文章主要介绍了使用Raygun来自动追踪AngularJS中的异常,AngularJS是一款高人气的JavaScript库,需要的朋友可以参考下 2015-06-06 angularjs路由传值$routeParams详解 这篇文章主要为大家详细介绍了angularjs路由传值$routeParams的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 2017-09-09 Angularjs为ng-click事件传递参数 这篇文章主要介绍了Angularjs为ng-click事件传递参数的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下 2017-06-06 angularjs学习笔记之三大模块(modal,controller,view) 本文给大家记录的是angularjs的三大模块(modal,controller,view)的使用说明,方便初学者能够顺利的学习angularjs. 2015-09-09 angularjs 页面自适应高度的方法 本篇文章主要介绍了angularjs 页面自适应高度的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2018-01-01 Angular2表单自定义验证器的实现 本文给大家介绍angular2表单自定义验证器的实现,本文给大家介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧 2016-10-10 老生常谈angularjs中的$state.go 下面小编就为大家带来一篇老生常谈angularjs中的$state.go。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-04-04 Angular使用$http.jsonp发送跨站请求的方法 这篇文章主要介绍了Angular使用$http.jsonp发送跨站请求的方法,结合实例形式分析了$http.jsonp发送跨站请求遇到的问题与相应的解决方法,具有一定参考借鉴价值,需要的朋友可以参考下 2017-03-03 angular使用md5,CryptoJS des加密的方法 这篇文章主要介绍了angular使用md5,CryptoJS des加密的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 2019-06-06 最新评论

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 指令的基础知识整理,后续继续补充相关知识。

您可能感兴趣的文章:

  • AngularJS2中一种button切换效果的实现方法(二)
  • angularjs自定义ng-model标签的属性
  • Angular.js回顾ng-app和ng-model使用技巧
  • AngularJS基础 ng-model 指令详解及示例代码
  • AngularJS基础 ng-model-options 指令简单示例
  • Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
张贴在3