1

我无法使 ng-include 指令起作用。我已经观看并尝试了 stackoverflow 的几种解决方案，但它们似乎都不起作用。我错过了什么吗？Angular 在文档中的任何地方都有效，除了这个。div 没有嵌入任何内容。

我正在使用基础框架。是否有可能导致问题？

这是我的 index.html 中的代码：

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

我检查并重新检查，我确实有一个包含“menu.html”文件的“partials”文件夹......

我也试过：

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

和

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

提前感谢您能给我的任何帮助！

4

3 回答 3

2

您在这里有正确的代码：

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

所以很可能是路径问题。如果您的 partials 文件夹与您调用 partials 的 html 文件不在同一个文件夹中，您可能需要类似'../partials/menu.html'. 您可以尝试创建一个简单的“hello world”，例如没有角度功能的 partials/test.html，并使用它来找到正确的路径并让您的 ng-include 工作。

于 2014-02-16T15:06:35.950 回答
1

感谢您的回答。我实际上弄清楚了问题所在。似乎您无法在本地文件的 chrome 中执行 http 请求。控制台显示了一个错误。我尝试在firefox中打开文件，它工作。我认为一旦文件上传到服务器上，这个错误就不会发生。

于 2014-02-17T09:30:44.703 回答
0

问题是单引号和双引号的使用，你只需要其中一个，像这样：

<div ng-include="partials/menu.html"></div>

这也有效

<div ng-include='partials/menu.html'></div>
于 2016-06-03T02:56:31.770 回答