Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - $routeProvider custom property</title> </head> <body ng-app="mojApp"> Ovo je main layout za $route primjer. <br>Dodatni fajlovi su: <br>52route_ispis.html <br> <hr> Klikni na ovaj link kako bi se pojavila poruka iz fajla 52route_ispis.html: <a href="52route_custom_routeprovider.html#/ispis">52route_custom_routeprovider#/ispis</a> . <br> Pri tome se ispisuje poruka definirana kao custom svojstvo $routeProvider objekta, a pristupilo joj se sa <b>$route.current.poruka</b>. <br> <div ng-view></div> <script src="../angularjs/1.2.9/angular.min.js"></script> <script src="../angularjs/1.2.9/angular-route.min.js"></script> <script> var mojModul = angular.module('mojApp', ['ngRoute']); //routeProvider mojModul.config(['$routeProvider', function($routeProvider){ $routeProvider. when('/ispis', { templateUrl: '52route_ispis.html', controller: 'IspisCtrl', poruka: 'Neka poruka iz routeProvajdera!!!' }). otherwise({ redirectTo: '/' }); }]); //controllers mojModul.controller('IspisCtrl', function($scope, $route){ //ispis poruka2 u 52route_ispis.html $scope.poruka2=$route.current.poruka; }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/52route_custom_routeprovider.html
.