javascript - 没有网络服务器的 Angular 路由来加载模板

标签 javascript angularjs

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

有这方面的工作示例吗?

最佳答案

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

<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

关于javascript - 没有网络服务器的 Angular 路由来加载模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17630698/

相关文章:

java - 网页本地化方法

html - 如何在 AngularJS 中动态地(从 JSON)创建表结构(tr 元素)

django - 为什么 Django 和 AngularJS 在实现小部件/指令时不遵循它们的 MVC 模式?

javascript - 将纬度/经度搜索小部件添加到 Shiny Leaflet map

javascript - 使用 props drill vs context vs 导入来 react 常量导入

asp.net - AngularJS $http.POST 方法 405 错误

redirect - 如何在AngularJS中的http.get中进行重定向?

angularjs - 如何使用 ng-click on a li 隐藏它的 ul parent

javascript - 将一个数组复制到另一个数组

javascript - Node - 访问多维数组的最后一个索引