ng-include编译成评论

Question

我有一个角度应用程序,并希望在模板中,添加其他作为div.ng-include似乎是一个完美的选择.

在main.html中

<div id="page-wrapper">
<div ng-include src="'/partials/module.html'"></div>
</div>

在module.html中

<div class="module">
<h1>Module</h1>
</div>

所有文件都存在于应用程序的partials-folder中.

当运行它时,在html代码中的位置,我得到<!-- ngInclude: -->,并用main支持的ng-include标记替换main.html中的div,它编译为<!-- ngInclude: undefined -->.

有谁知道可能是什么问题？

Answer 1

使用ng-include作为元素时,只使用src ="":

<ng-include src="'/partial.html'"></ng-include>

使用ng-include作为属性时,将部分URL放在属性本身中:

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

有关这两个用例,请参阅https://docs.angularjs.org/api/ng/directive/ngInclude.

Answer 2

几个小时后我解决了它,这是关于在双引号之间使用单引号.

<!--it will not work-->
<ng-include src="views/header.html"></ng-include>

<!--it will work :)-->
<!--Difference is single quotes along with double quotes around src string-->
<ng-include src="'views/header.html'"></ng-include>