Angularjs包含来自其他页面的模板

Question

我在html页面中有一个模板，可以包含在另一个页面中。这是因为两个html很长，我不能只使用一个页面。所以我决定将它们分开。总结这是我的情况：

在partials / template.html

中

<script type="text/ng-template" id="myTemplate">
    myTemplate..
</script>

和partials / my_layout.html

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

但它现在不起作用了。页面加载时没有显示任何内容。如何访问template.html页面的模板？

Answer 1

这可能是相对路径问题。路径应该是从index.html到您的模板，而不是从一个模板到另一个模板的路径。尝试这样的事情：

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

修改

我刚才注意到这是一个脚本模板。您为模板提供的ID是您可以用来在ng-include的src中访问它的密钥。试试这个：

<ng-include src="'myTemplate'"></div>