脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → AngularJS ng-disabled 指令

AngularJS基础 ng-disabled 指令详解及简单示例

 更新时间：2016年08月01日 11:41:34   投稿：lqh  
本文主要介绍AngularJS ng-disabled 指令,这里帮大家整理了ng-disabled指令的基础指令,并附示例代码,有需要的小伙伴参考下

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

您可能感兴趣的文章:

相关文章

  • AngularJs expression详解及简单示例

    AngularJs expression详解及简单示例

    本文主要介绍AngularJs expression,这里整理了详细的资料，并附示例代码，有兴趣的小伙伴可以参考下
    2016-09-09
  • 测试IE浏览器对JavaScript的AngularJS的兼容性

    测试IE浏览器对JavaScript的AngularJS的兼容性

    这篇文章主要介绍了测试IE浏览器对JavaScript的AngularJS的兼容性的方法,尽管随着Windows10的近期上市,IE浏览器即将成为历史...需要的朋友可以参考下
    2015-06-06
  • 详解angular部署到iis出现404解决方案

    详解angular部署到iis出现404解决方案

    这篇文章主要介绍了详解angular部署到iis出现404解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 使用angular写一个hello world

    使用angular写一个hello world

    这篇文章主要介绍了使用angular写一个hello world的方法及示例,需要的朋友可以参考下
    2015-01-01
  • Angular.JS中指令ng-if的注意事项小结

    Angular.JS中指令ng-if的注意事项小结

    这篇文章主要给大家分享了关于Angular.JS中指令ng-if的一点注意事项，分享出来供大家参考学习，文中介绍的还是相对来说比较详细，对大家具有一定的参考借鉴价值，需要的朋友们下面来一起看看吧。
    2017-06-06
  • Angular中SASS样式的详细使用教程

    Angular中SASS样式的详细使用教程

    对于一个Sass用户,只需要理解Sass扩展部分如何工作的,就能完全理解SCSS,下面这篇文章主要给大家介绍了关于Angular中SASS样式的详细使用教程,需要的朋友可以参考下
    2022-05-05
  • AngularJS入门教程之AngularJS表达式

    AngularJS入门教程之AngularJS表达式

    AngularJS应用表达式是纯javascript表达式，并输出它们被使用的数据在那里。本文给大家介绍AngularJS入门教程之AngularJS表达式，对angularjs表达式相关知识感兴趣的朋友一起学习吧
    2016-04-04
  • Angular.js ng-file-upload结合springMVC的使用教程

    Angular.js ng-file-upload结合springMVC的使用教程

    这篇文章主要给大家介绍了关于Angular.js文件上传控件ng-file-upload结合springMVC的使用教程，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    2017-07-07
  • AngularJS ng-blur 指令详解及简单实例

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

    本文主要介绍AngularJS ng-blur 指令，这里对ng-blur 指令的知识详细介绍给大家，并给大家一个实例作为参考，有需要的小伙伴可以参考下
    2016-07-07
  • Angularjs实现多个页面共享数据的方式

    Angularjs实现多个页面共享数据的方式

    本文给大家介绍使用Angularjs实现多个页面共享数据的方式，通过定义一个共享服务service来实现此功能，对angularjs共享数据相关知识感兴趣的朋友一起学习
    2016-03-03

最新评论