角度模板指令绑定

Question

我用指令模板编写了单个文件。此文件使用ng-include指令附加到文档。有时浏览器会在指令模板绑定之前加载模板，但并非总是如此。

https://plnkr.co/edit/SNhVU6BoM0nbOelJpepE?p=preview

在ng-include指令将html内容应用于文档之后以及在绑定指令模板之后，是否有一些等待解决方案？也许我应该使用不同的解决方案将这些模板加载到html文档。

Answer 1

Angular有两种内置可能性：

1. Yout模板应该直接包含在您的＆＃39; index.html＆＃39;中。 （同步模板）

<script src="templates.js"></script>
in which:
app.run(function($templateCache) {
  $templateCache.put('templateId', '<div></div>')
})

1. 每个模板应位于单独的文件template1.html，templat2.html ... （异步模板）

P.S。在开发期间，模板始终位于单独的html文件中，因为生产使用模板使用构建工具收集到js文件。