Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - css</title> <style> .oboji-red {color:red;text-decoration:underline;cursor:pointer;} .oboji-green {color:green} </style> </head> <body ng-app="mojApp"> Primjer pokazuje izmjenu boje texta u crveno kad na nj stavimo kursor. <h2 ng-controller="MojCtrl" class="oboji-{{boja}}" ng-mouseenter="pocrveni()" ng-mouseleave="pozeleni()">Mijenjam boju</h2> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope){ $scope.pocrveni = function(i) { $scope.boja = 'red'; } $scope.pozeleni = function(i) { $scope.boja = 'green'; } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/20css_class_color.html
.