Question

我无法使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>

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

Answer 1

您在此处拥有正确的代码：

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

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

Answer 2

感谢您的回答。我实际上弄明白了问题是什么。看来你不能在本地文件的chrome中做http请求。控制台显示错误。我尝试在firefox中打开文件，但它确实有效。我假设一旦文件上传到服务器上就不会出现此错误。

Answer 3

问题是使用单引号和双引号，你只需要其中一个，如下所示：

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

这也适用

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

ng-include in angular 1.2不工作？

3 个答案: