Ng-包含在ng-view模板内部不起作用

时间:2016-09-28 22:50:19

标签: javascript angularjs angularjs-ng-include

文件结构:

--app
  --partials
    --navbar.html
 --submit
    --submission.html
index.html

我的submissions.html里面有一个ng-include:

<ng-include src="'app/partials/navbar.html'" ></ng-include>

什么都没有出现。但是,如果我将相同的内容粘贴到index.html中,则会显示导航栏。我认为它可能与当前html文件的相对apths有关,所以我尝试src="'../partials/navbar.html'"也没有运气。

是否需要做一些特殊工作才能让ng-include显示在ng-view模板中?

类似的问题没有帮助:

2 个答案:

答案 0 :(得分:0)

Angular在目录路径中找不到“app”。尝试在开头添加波浪号:

<ng-include src="'app/partials/navbar.html'" ></ng-include>

应该是:

<ng-include src="'~/app/partials/navbar.html'" ></ng-include>

答案 1 :(得分:0)

问题原来是Google Chrome中的浏览器缓存。 ng-include没有显示在HTML中,直到我手动清除了我的缓存。每次在该文件中更改或移动ng-include时,我都必须清除缓存,如果它在index.html中则不需要。

经过一些测试后,Edge中不存在此问题,但它确实存在于Firefox中。

Chrome版本:53.0.2785.116 m