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 injektiranje template-a (pomoćnog layouta) koji nije definiran u zasebnom fajlu nego kao
svojstvo $routeProvider objekta..
<br>
<hr>
Klikni na ovaj link kako bi ispisao template <b>Template unutar JS-a</b>:
<a href="53route_template.html#/tmplte">53route_template.html#/tmplte</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:#00CCFF">Template unutar JS-a tj. kao svojstvo $routeProvider objekta</h2>',
                controller: 'TplCtrl'
            }).
            otherwise({
                redirectTo: '/'
            });
    }]);
    
    
    //controllers
    mojModul.controller('TplCtrl', function($scope){
        //prazno
    });
    
</script>

</body>
</html>

Pregled stranice:

Pogledaj stranicu ../javascript/angularjs/primjeri/53route_template.html.