Heim > Artikel > Web-Frontend > AngularJS ng-disabled-Direktive
AngularJS ng-disabled-Direktive
- 黄舟Original
- 2017-02-16 13:38:081202Durchsuche
1. Problemhintergrund
Die ng-disabled-Direktive in AngularJS ist an das DOM gebunden und kann HTML-Elemente deaktivieren
2. Implementierungsquellcode
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS之ng-disabled指令</title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<p ng-app="" ng-init="flag=true">
<button ng-disabled="flag">查询</button><br>
<input type="checkbox" ng-model="flag" />老鼠<br>
<input type="radio" ng-disabled="!flag" />猫<br>
<label>{{flag}}</label>
</p>
</body>
</html>
3. Ergebnisse erzielen
(1) Aktivieren Sie das Kontrollkästchen
' 
(2) Deaktivieren Sie das Kontrollkästchen
>
Das Obige ist der Inhalt der ng-disabled-Direktive von AngularJS Inhalt, achten Sie bitte auf die chinesische PHP-Website (www.php.cn)!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：AngularJS ng-show-DirektiveNächster Artikel：AngularJS ng-show-Direktive