Heim > Web-Frontend > js-Tutorial > Hauptteil

AngularJS ng-disabled-Direktive

黄舟
Freigeben: 2017-02-16 13:38:08
Original
1268 Leute haben es durchsucht

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>
Nach dem Login kopieren


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)!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage