suchen

Heim >Web-Frontend >js-Tutorial >AngularJS ng-disabled-Direktive

AngularJS ng-disabled-Direktive

黄舟
黄舟Original
2017-02-16 13:38:081290Durchsuche

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

' AngularJS ng-disabled-Direktive

(2) Deaktivieren Sie das Kontrollkästchen

>AngularJS ng-disabled-Direktive 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

In Verbindung stehende Artikel

Mehr sehen