Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - ng-model</title> </head> <body ng-app="mojApp"> <br>Početna vrijednost je postavljena na <b>$scope.obj.broj = 3</b>. Prikazani broj treba biti uvećan 20x. Primjetiti da se uvećani broj automatski ne ažurira prilikom izmjene INPUT polja. zato se mora upotrijebiti <b>ng-change</b> direktiva. <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.uvecan_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}; //ovo se nece automatski azurirati $scope.obj = {broj: $scope.obj.broj, uvecan_broj: 20*$scope.obj.broj}; console.log($scope.obj); }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/07ng-model_uvecan_broj2.html
.