Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - ng-show i select</title> </head> <body ng-app="mojApp" ng-controller="MojCtrl"> Prelaskom miša preko riječi RIBA pojavit će se ispod dodatan opis. <br><br> <h1 ng-mouseenter="ent()" ng-mouseleave="lve()" style="color:blue;text-decoration:underline;cursor:pointer;">RIBA</h1> <p ng-show="status" style="color:green;font:14px Verdana;">Riba je vrlo podmukla životinja koju nastojim uloviti već duže vrijeme.</p> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope){ $scope.status = false; //pocetno je false pa P nece biti prikazan $scope.ent = function(){ $scope.status = true; } $scope.lve = function(){ $scope.status = false; } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/19ng-show_ng-mouseenter.html
.