Heim > Artikel > Web-Frontend > Die $watch-Methode von AngularJS (Überwachungsaktionen)

Die $watch-Methode von AngularJS (Überwachungsaktionen)

黄舟Original: 2017-02-18 13:36:161210Durchsuche

1. Problemhintergrund

Die $watch-Methode in AngularJS zur Überwachung von Datenänderungen

2. Implementierungsquellcode

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AngularJS之$watch方法（监控动作）</title>
		<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
		<style>
			body{
				font-size: 12px;
				font-family: "微软雅黑";
				background-color: #F8EFC0;
				backface-visibility: visible;
			}
			p{
				margin: 10px 10px 10px 10px;
			}
		</style>
		<script>
			var app = angular.module("watchApp",[]);
			app.controller("watchCon",[&#39;$scope&#39;,function($scope){
				$scope.count = 0;
				$scope.username = "";
				$scope.$watch(&#39;username&#39;,function(){
					$scope.count++;
				});
			}]);
		</script>
	</head>
	<body ng-app="watchApp">
		<p ng-controller="watchCon">
			<p>
				<input type="text" id="username" ng-model="username" maxlength="12" autocomplete="on"/>
			</p>
			<p>
				{{count}}
			</p>
		</p>
	</body>
</html>

3. Implementierungsergebnis

(1) Initialisierung

Die $watch-Methode von AngularJS (Überwachungsaktionen)

(2) Eingabefeldwert ändern

Die $watch-Methode von AngularJS (Überwachungsaktionen)

Das Obige ist der Inhalt der $watch-Methode (Überwachungsaktion) von AngularJS. Weitere verwandte Inhalte finden Sie hier. Bitte beachten Sie 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-Abhängigkeitsinjektion (Beispiel 1)Nächster Artikel：AngularJS-Abhängigkeitsinjektion (Beispiel 1)

In Verbindung stehende Artikel

Mehr sehen