javascript - AngularJs 模板不从 $templateCache 加载

Question

我目前正在构建一个 Angular 应用程序，它需要通过脚本标记嵌入到任何其他网页上。

在使用 resumeBootStrap 初始化应用程序之前，我决定使用一些 JS 构建应用程序包装器、ng-view 元素等。

然后我将 Grunt 构建文件与 grunt-angular-templates 一起使用构建一个文件，然后从第三方网页调用该文件。

因此，最初的 dom 构建等工作正常，但是，我正在尝试从 $templateCache 加载模板以加载我们使用 grunt-angular-template 添加到构建文件的 View .我可以看到模板被很好地添加到构建文件中，但是，当我尝试加载第三方页面时，我收到错误，因为它试图从本地服务器加载 View ，而不是缓存/构建文件。

我的代码如下:

var app = angular.module('MyApp', [
    'ngAnimate',
    'ngCookies',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ngScrollbar'
]);

app.config(function ($routeProvider) {

    $routeProvider
        .when('/', {
            templateUrl: 'views/main.html',
            controller: 'MainCtrl'
        })

});
angular.module('MyApp').run(['$templateCache', function($templateCache) {
  'use strict';

  $templateCache.put('views/main.html', '...')

...

非常感谢关于如何做到这一点的任何建议，或者事实上，关于如何最好地包含我的所有 View 等的任何提示，这样我就不需要远程调用主机服务器来获取模板文件。

干杯

Answer 1

喜欢:

$templateCache.put('views/main.html', $templateCache.get('views/main.html'))

https://docs.angularjs.org/api/ng/service/$templateCache

如果你使用咕噜声

https://github.com/karma-runner/karma-html2js-preprocessor