Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - ng-click i ng-mouseover</title> </head> <body ng-app="mojApp"> Primjer pokazuje kako se prosljeđuje varijabla 'broj' unutar ng-click funkcije 'povecaj()'. <br> <br>Klikaj unutar pravokutnika kako bi se povećavao broj unutar njega. <br><br> <div ng-controller="MojCtrl"> Primjer sa ng-bind: <p ng-click="povecaj(broj)" ng-bind="broj" style="border:1px solid silver;width:100px;background:#FFCCFF;margin-top:0px;"></p> <br>Primjer sa zagradama {{ }}: <p ng-click="povecaj(broj)" style="border:1px solid silver;width:100px;background:#FFCCCC;margin-top:0px;"> {{broj}} </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=0; $scope.povecaj = function(br){ $scope.broj += 1; console.log($scope.broj); } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/13ng-click_ng-bind.html
.