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 staru i novu vrijednost. Primjer ne radi dobro jer se pri svakom pritisku na tipku tipkovnice vrši izmjena. To je zato jer $digest brzo osvježava ng-model, mnogo brže nego što mi možemo otipkati, pa svako utipkavanje poziva on_change() fju. <br><br> Pokušaj unijeti 23 pa nakon toga 35 i vidjet ćeš da {{ispis}} ne daje dobre rezultate!!! <hr> <br><br> <div ng-controller="MojCtrl"> <h3>Unešeni broj = {{broj}}</h3> Unesi broj: <input ng-model="broj"> <br> <br>Status: <p style="font:10px Verdana">{{ispis}}</p> </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.ispis='Nije bilo izmjene!'; $scope.$watch('broj', on_change); function on_change(newVal,oldVal) { $scope.ispis='Broj je izmjenjen iz '+oldVal+' u '+newVal; } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/35watch_old_newVal.html
.