Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - ng-click i ng-mouseover</title> </head> <body> <br>Primjer pokazuje kako radi ng-click, ng-mouseover i mouse-leave. <br><br> <div ng-app="mojApp" ng-controller="MojCtrl"> <button ng-click="klik()" ng-mouseover="over()" ng-mouseleave="leave()">{{dugmeTxt}}</button> </div> <br><br><br> Ovo dugme je izvan $scope-a controllera pa neće raditi <button ng-click="klik()" ng-mouseover="over()" ng-mouseleave="leave()">{{dugmeTxt}}</button> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope){ $scope.dugmeTxt = 'klikni me'; var preTxt = $scope.dugmeTxt; //pamti prvi text $scope.over = function(){ $scope.dugmeTxt = $scope.dugmeTxt.toUpperCase(); //čini sva slova velikim } $scope.leave = function(){ $scope.dugmeTxt = preTxt; //vraća na prvi text } $scope.klik = function(){ alert('Kliknuo mee mee mee!'); //alertira na klik } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/11ng-click_ng-mouseover.html
.