javascript - Angular 模板缓存不起作用

Question

我有一个使用 gulp 和 Angular 的项目。我想单击一个按钮和一个包含要显示的 html 的弹出窗口。

在 build.js 文件中，我有以下代码:

gulp.task('templates', function() {
  gulp.src(['!./apps/' + app + '/index.html', './apps/' + app + '/**/*.html'])
    .pipe(plugins.angularTemplatecache('templates.js', {
      standalone: true,
      module: 'templates'
    }))
    .pipe(gulp.dest(buildDir + '/js'));
});

在我的 app.js 文件中，我有:

.controller('PopupCtrl', function($scope, ngDialog) {
  $scope.clickToOpen = function () {
      ngDialog.open({ 
        template: 'templates/popup.html'
      });
  };
})

单击按钮时出现错误:

GET http://mylocalhost:3000/templates/popup.html 404 (Not Found) 

我的 templates.js 文件包含:

angular.module("templates", []).run(["$templateCache", function($templateCache) {
$templateCache.put("templates/popup.html", "my html") ...etc

为什么模板缓存无法识别对 templates/popup.html 的调用并显示缓存中的内容，而不是查看 404 的 URL？

只是说我已经尝试过了，我手动将模板文件复制到它正在查找的目录中，并且它找到了它。但这不是解决方案，因为我希望从缓存中获取它。

谢谢

Answer 1

您还必须指定 templates 模块作为模块的依赖项。例如:

angular.module('myApp', ['templates', 'ngDialog'])

希望这有帮助。