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

In addition, the browser's Same Origin Policy and Cross-Origin Resource Sharing (CORS) policy may further restrict whether the template is successfully loaded. For example, ngInclude won't work for cross-domain requests on all browsers and for file:// access on some browsers.

模板未使用 ng-include 加载

template not loading using ng-include

angularjs

angularjs-ng-include

angularjs-templates