2

是否可以在没有网络服务器的情况下以角度加载模板，我在这里找到了一个示例：https ://groups.google.com/forum/#!topic/angular/LXzaAWqWEus 但对我来说它只是打印模板路径而不是它们的内容.

有什么可行的例子吗？

4

1 回答 1

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>

脚本标签jsfiddle中的模板

于 2013-07-14T20:07:17.997 回答