angularjs - ng-include 编译为注释

Question

我有一个 Angular 应用程序，并且想要在模板中添加其他内容作为 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文件夹中。

运行此命令时，在 html 代码中的位置，我得到 <!-- ngInclude: --> ，并用同样受支持的 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对于这两个用例。