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

前端技术 2023/09/03 JavaScript

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

本文地址：https://www.stayed.cn/item/6613

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案