“list.html”和“detail.html”文件在AngularJS主页“连接后端”示例中的位置在哪里？

Question

我正在研究AngularJS主页样本，特别是项目/连接后端一个： http://angularjs.org/#project-html

通过打开jsFiddle“ 编辑我 ”页面，我注意到主页中的“list.html”页面内联如下：

 <script type="text/ng-template" id="list.html">
  etc...

这是继续进行的最佳方式还是其他替代方案？

提前感谢您的意见。

Answer 1

您在主页中看到的是此处记录的<script>指令的使用情况：http://docs.angularjs.org/api/ng.directive:script

通过使用此指令，您可以确保应用程序的模板（部分）是预先加载而不是按需加载。这样可以减少HTTP往返次数，并且 - 通常来说 - 可以减少“等待”时间，从而获得更好的用户体验。您还可以使用其他技术预加载部分内容，所有这些技巧都在此响应中进行了描述：https://stackoverflow.com/a/12346901/1418796

但AngularJS完全能够动态下载部分内容，因此您可以移除<script>标记，将部分内容放在WWW服务器上，并在需要时让AngularJS下载它们。

所以一切都取决于上下文：在开发期间，您有时会希望按需下载部分内容以实现更快的周转。对于生产部署，您可能希望按照上述SO响应中的描述预加载部分。