ng-include 不加载局部视图

Question

我目前正在做一个项目，遇到了一些问题。无论我尝试做什么，ng-include 都无法加载我在另一个文件夹中的局部视图。

我想加载分页文件夹中的 view.html 文件。我的文件位于与分页文件夹处于同一级别的文件夹中。

这是我的站点视图片段

<div class="container">
  <div class="col-sm-6" id="NEWS">
    <div class="well" ng-repeat="info in news">
      <p>
        {{info.description}}
      </p>
    </div>
    <ng-include src="'/pagination/view.html'"></ng-include>
  </div>
</div>

我的 view.html 有一个 caption test 用于测试目的。

我也试过使用这个代码：

<div ng-include src=....
<div ng-include="....
<ng-include src="'../pagination/view.html".

似乎没有任何效果。有人知道问题出在哪里吗？

Answer 1

My file is in the folder which is on the same level that pagination folder.

您可能为 html 模板传递了错误的路径。

您必须像在 index.html 文件中一样引用您的模板目录。因此，无论哪个 html 模板存在 ng-include 指令，您都必须为其提供路径，就好像您的根是 index.html 存在的地方一样。

同时尽量避免在路径前使用“/”。

例如

假设您有以下文件夹树：

---index.html

---/templates/app.html

---/tempates/pagination/view.html

如果您尝试将 view.html 包含在 app.html 中，那么您可以这样做：

<ng-include src="'templates/pagination/view.html'"></ng-include>

希望对您有所帮助。

Answer 2

造成这种类型错误的原因是

为 html 模板传递了错误的路径。
传递路径不是小写的。在 angularJS 中，所有引用路径必须小写，如

<div ng-include="'/content/patna/partials/skive/test-partial.html'"></div>

ng-include 不加载局部视图

ng-include not loading partial view

angularjs

angularjs-ng-include