简单的ng-include不起作用

Question

我正在尝试使用ng-include将模板包含在组件的模板中，文件夹结构如下

-DE

--de

---test.html

-template.html

template.html内容

<div>
<ng-include src "'/DE/de/test.html''"></ng-include>
</div>

这是我在页面html中呈现的内容

<!-- ngInclude: undefined -->

编辑

我已经编辑了html如下

    <ng-include src="'/DE/de/test.html'"></ng-include>

仍然得到相同的错误

Answer 1

请注意，发布的代码中存在多个错误：

• 缺少src属性
的等号
• 路径值中的额外单引号

注意：您不需要单引号，src属性的值假定为字符串

修正版：

<div>
    <ng-include src="/DE/de/test.html"></ng-include>
</div>

Answer 2

使用斜杠/启动路径使其成为绝对路径。这应该可以正常工作，直到您的应用程序根目录指向放置template.html的同一文件夹。

但是，如果情况并非如此，则需要使用相对路径使其正常工作：

<ng-include src="'DE/de/test.html'"></ng-include>

这样，AngularJS获取源文件，其路径相对于当前文件夹。