Editor

Pregled code-a:

<!DOCTYPE HTML>
<html lang="hr">
<head>
<meta charset="UTF-8">
<title>AngularJS - $route template</title>
</head>
<body ng-app="mojApp">

Primjer pokazuje kako pomoću <b>redirectTo</b> svojstva,
url <b>#/preusmjeri</b> poziva <b>#/tmplte</b>.
<br>
<hr>
Klikni na ovaj link kako bi se izvršilo preusmjeravanje iz <b>#/preusmjeri</b> na <b>#/tmplte</b>:
<a href="54route_redirectTo.html#/preusmjeri">54route_redirectTo.html#/preusmjeri</a> .
<br>
<br>
<br>

<div ng-controller="TplCtrl">
 
 <div ng-view></div>

</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']);
    
   //routes
    mojModul.config(['$routeProvider',
        function($routeProvider){
            $routeProvider.
            when('/tmplte', {
                template: '<h2 style="color:green">Template unutar JS-a tj. kao svojstvo $routeProvider objekta</h2> - pozvano preusmjeravanjem',
                controller: 'TplCtrl'
            }).
            when('/preusmjeri', {
                redirectTo: '/tmplte'
            }).
            otherwise({
                redirectTo: '/'
            });
    }]);
    
    
    //controllers
    mojModul.controller('TplCtrl', function($scope){
        //prazno
    });
    
</script>

</body>
</html>

Pregled stranice:

Pogledaj stranicu ../javascript/angularjs/primjeri/54route_redirectTo.html.