模板未使用ng-include加载

Question

我了解了ng-include并将其用于模板，但我无法包含该页面。

index.html和menu.html位于同一目录中，menu.html将在index.html中加载

<ng-include src="'menu.html'"></ng-include>

我在index.html中添加了应用程序的名称。 我想在页眉和页脚之间包含menu.html。所以我删除了menu.html中的所有内容，除了我要包含的容器div。链接和引用也已在index.html中正确设置

我真的被困在这里了。请帮帮我！感谢。

修改 这是我的项目结构 -

Project-
       app-
           fonts-...
           images-...
           scripts-
                   app.js
                   controllers.js
                   services.js
           styles-...
           index.html
           menu.html
       ...

编辑-2

我刚刚发现当我更改浏览器时，即从chrome到firefox，它会成功加载！现在为什么会这样？

Answer 1

您使用的是网络服务器吗？

来自https://docs.angularjs.org/api/ng/directive/ngInclude

  

此外，浏览器的Same Origin Policy和Cross-Origin   资源共享（CORS）策略可能进一步限制是否   模板已成功加载。例如，ngInclude不起作用   所有浏览器上的跨域请求以及对某些文件的访问：//访问   浏览器。