如何在angularjs中包含html模板？

Question

我正在尝试创建一个html片段，后来应该用作图像滑块。到目前为止它只包含一个测试div元素：

slider.html:
<div>TEST</div>

我正在尝试将此信息包含在index.html中，如下所示：

<div ng-include src="slider.html"></div>

结果：我没有看到测试div。为什么呢？

Answer 1

试试这个：

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

在ng-include中使用路径时，您需要用单引号将其括起来，因为它需要一个表达式。

来自docs：

  

如果源是字符串常量，请确保将其包装为单个   引号，例如SRC =＆＃34;＆＃39; myPartialTemplate.html＆＃39;＆＃34;

Answer 2

java.lang.ClassLoader/getSystemClassLoader

或

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

Answer 3

您可以添加下面的其他HTML：

<div ng-include src = "'partials/myModule/myHtml.html'"></div>

这里已经回答：
https://stackoverflow.com/a/31609423/5052704

希望这有帮助。