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

我的文件位于与分页文件夹相同级别的文件夹中。

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

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

还要尽量避免在路径前使用'/'。

e.g。

假设您拥有以下文件夹树：

--- index.html的

--- /模板/ app.html

--- / tempates /分页/ view.html

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

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

我希望它有所帮助。

Answer 2

此类型错误的原因是

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

public screenName: String = 'Sahan';

ng-include不加载局部视图

2 个答案: