Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - $scope.$watch()</title> </head> <body ng-app="mojApp"> Primjer pokazuje kako $watch prati promjenu varijable <b>broj</b> te svaki puta kada se izmjena desi poziva alert. <hr> <br><br> <div ng-controller="MojCtrl"> <h3>Unešeni broj = {{broj}}</h3> Unesi broj: <input ng-model="broj" value="3"> </div> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope){ $scope.broj=1; //init broj $scope.$watch('broj', on_change); function on_change() { setTimeout( function(){alert('Broj je izmjenjen u '+$scope.broj)}, 1000); //kasnjenje alerta od 1000msec } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/35watch.html
.