AngularJS ng-include由于某种原因不能工作

Question

所以我使用AngularJS的以下标签包括：

<div data-ng-include src="'../templates/footer.html'"></div> 

页脚文件位于templates目录中，包含以下代码

<footer class="primary-footer">
<div class="copyright"><small>&copy; 2015</small></div>
</footer>
</body>
</html> 

然而，当我加载页面时，页脚不会加载。当我检查源时，它给我一个404错误。我只是没有访问正确的目录或我的代码有问题吗？

Answer 1

而不是：

<div data-ng-include src="'../templates/footer.html'"></div> 

使用：

<div data-ng-include data-src="'../templates/footer.html'"></div>

Answer 2

喜欢 - <div data-ng-include="'../templates/footer.html'"></div> 或者像ng-template那样做 - <div ng-bind-template="'../templates/footer.html'"></div> 两者都可以解决你的问题。