模板未使用 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

另外，浏览器的同源策略和跨域 资源共享 (CORS) 政策可能会进一步限制 模板已成功加载。例如，ngInclude 不适用于 所有浏览器上的跨域请求以及某些浏览器上的 file:// 访问 浏览器。