`ng-include`找不到内联`ng-template`

Question

我有一个视图加载了嵌入的text/ng-template，文件后面的ng-include 找不到该视图。脚本块位于视图文件的最顶部：

<script type="text/ng-template" id="stringCondition">
    <!-- template guts -->
</script>

稍后我将在文件中加载：

<ng-include src="'stringCondition'"></ng-include>

但在控制台中产生 404 错误：

GET http://localhost/~me/stringCondition 404 (Not Found)

我尝试了几种命名变体（比如最后使用 .html）并使用ng-include 作为属性而不是高级元素。一切都没有运气。

什么可能导致嵌入的ng-template 没有在同一视图文件中注册到ng-include？

更新：

正如 cmets 和答案所指出的，我的代码的基本设计是正确的。但是某些原因导致ng-template（显然）无法使模板对系统可用。

我更新了我的代码以从 HTML 文件（而不是嵌入的模板）中提取代码，它工作正常。

是否有一种常见的情况会导致我遇到中断ng-template？

Answer 1

<div ng-app>
  <script type="text/ng-template" id="stringCondition">
     Yes, yes it did.
  </script>
  Did it work? <ng-include src="'stringCondition'"></ng-include>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

我遇到了同样的问题，并遇到了这篇文章。我现在可以看到导致此问题的原因，因此希望这可以帮助其他人解决此问题。

rgthree 的代码有效的原因是 text/ng-template 的 script 标签必须在 ng-app 的范围内。因此，可以将模板放在单独的 .js 文件中，但只需确保它在 HTML 页面上呈现时位于 ng-app 中，否则 angular 不会意识到它并会尝试从服务器。

Answer 2

对我来说似乎工作得很好。也许您在示例代码之外还有其他事情要做。

<div ng-app>
  <script type="text/ng-template" id="stringCondition">
     Yes, yes it did.
  </script>
  Did it work? <ng-include src="'stringCondition'"></ng-include>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>