首页 > 技术文章 > angularJs禁用或启用输入框指令ng-disabled="true"

songyunxinQQ529616136 2016-12-23 15:30 原文

ng-disabled 指令设置表单输入字段的 disabled 属性(input, select, 或 textarea)。

如果 ng-disabled 中的表达式返回 true 则表单字段将被禁用。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>禁用输入框(ng-disabled=true为禁用),本案例通过checkbox选中未选中来改变true或false< /title>
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app ="">
点击这里禁用所有表单输入域:
<input type="checkbox" ng-model="a"><br>
<br>
<input type="radio" ng-disabled="true"><! --默认禁用-->
<input type="text" ng-disabled="a">
<input type="radio" ng-disabled="a">
<select ng-disabled="a">
<option> Female</option>
<option>Male</option>
</select>
</body>
</html>

推荐阅读