Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - ng-model</title> </head> <body ng-app="mojApp"> <br>Uvećanje se obavlja tek nakon što je izmjenjena vrijednost u INPUT polju. To je postignuto sa <b>ng-change</b> direktivom. <br><br> <div ng-controller="MojCtrl"> Unesite neki broj: <input ng-model="obj.broj" ng-change="uvecaj()"> <br> <br>Unešeni broj uvećan 20x jest: <span>{{obj.broj}}</span> </div> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope){ $scope.obj = {broj: 3} $scope.uvecaj = function(){ //uvecava 20x i automatski azurira ispis $scope.obj = {broj: 20*$scope.obj.broj} } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/07ng-model_ng-change.html
.