Question

那么我做错了什么？我包含了ng-include并尝试了每个变种，它不包括文件（它在控制台中不断返回404），目录位置如下：

-App
--Layout
---Partials
----Navigation.tpl.html(File)
--Layout.tpl.html(File)

ng-include位于layout.tpl.html文件中：

<div data-ng-include="'layout/partials/Navigation.tpl.html'"></div>

请注意我在这个项目中使用webpack（这应该没关系）。我将layout.tpl.html文件称为基本布局，部分包含在layout.tpl.html文件中。另外，我正在使用vs在DOM上使用ng-app：

angular.element(document).ready(() => {
    angular.bootstrap(document, ["app"]);
});

我过去曾经和角色合作过，当这么简单的任务需要很长时间时，我感到很茫然。还要注意，当我使用

时

$templateCache.put('..','..')

并将来自navigation.tpl.html的html缩小字符串放在同一个目录中，它可以正常工作（但如果我从模板位置使用$templateCache.get()或require()，它就不会工作），但HTML字符串从缓存拉出，我希望能够更新一个文件与必须使用缩小代码。

如果我错过了某些内容，请提前抱歉，我急于完成这项工作，这应该是最简单的事情，但是不起作用。

Answer 1

您应该在$ templateCache中使用正确的密钥预加载模板，方法是将其放入捆绑包中。

require('ngtemplate?module=[xx]&relativeTo=/layout/partials/!./layout/partials/Navigation.tpl.html');

这样您就可以在ng-include或templateUrl

中要求'Navigation.tpl.html'