Maison >interface Web >js tutoriel >Méthode $watch d'AngularJS (actions de surveillance)
1. Contexte du problème
La méthode $watch dans AngularJS pour surveiller les modifications des données
2. Code source de mise en œuvre
<!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",['$scope',function($scope){ $scope.count = 0; $scope.username = ""; $scope.$watch('username',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. >
(2) Modifier la valeur de la zone de saisie
Ce qui précède est le contenu de la méthode $watch (action de surveillance) d'AngularJS. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !