templateUrl无法正常工作

Question

我只是在测试基本的角度代码，我只使用模板，但没有使用 templateUrl 。我没有包含以前的代码，因为当我更改为templateUrl并将我之前模板中的所有内容移动到外部HTML时，其他所有内容都正在工作EXECEPT。这可能是访问附加HTML文件的问题吗？：

在我的HTML中，

<header></header>

在我的JS中，

...
restrict: 'E',
templateUrl: '/journal/journalcontent.html'

在journalcontent.html中，

<div>
...
</div>

Answer 1

检查开发人员工具网络标签。 AngularJS做的是采取“/journal/journalcontent.html”并尝试检查$ templateCache助手 - 如果它没有找到它已加载，它将尝试根据当前URL下载它 - 这应该是在您的网络标签中显示404或200.

如果您的用户响应非常重要并且它是可重复使用的模板，您可以考虑在HTML中定义它：

<script type="text/ng-template" id="/journal/journalcontent.html">
    <div>my stuff</div>
</script>