角度路由没有webserver来加载模板

时间:2013-07-13 13:35:41

标签: javascript angularjs

在没有Web服务器的情况下加载模板是否可以角色化, 我在这里找到了一个例子:https://groups.google.com/forum/#!topic/angular/LXzaAWqWEus 但对我来说,只有打印模板路径不适合他们。

这有什么实际的例子吗?

1 个答案:

答案 0 :(得分:1)

我忽略了问题的“无网络服务器”部分。下面是一个示例,说明如何将模板直接放在脚本标记中,并将其与指令一起使用。

<body ng-app="myApp">
<script type="text/ng-template" id="templateTemplate.html">
     <div>
     I am the <span ng-transclude>{{templateAdjective}}</span> 
     template result.
     </div>
</script>

<div>
    <test>best</test>
    <test>optimal</test>
</div>

<script>
    var app = angular.module('myApp',[]);

    app.directive('test', function() {
        return {
            restrict: 'E',
            templateUrl: 'templateTemplate.html',    
            transclude: true,
            replace: true
        };
    });
</script>
</body>

template in script tag jsfiddle

相关问题