我正在研究 AngularJS 主页示例,尤其是项目/连接后端: http ://angularjs.org/#project-html
通过打开 jsFiddle 的“ Edit me ”页面,我注意到“ list.html
”页面被内联在主页中,如下所示:
<script type="text/ng-template" id="list.html">
etc...
这是最好的方法还是有其他选择?
提前感谢您的评论。
我正在研究 AngularJS 主页示例,尤其是项目/连接后端: http ://angularjs.org/#project-html
通过打开 jsFiddle 的“ Edit me ”页面,我注意到“ list.html
”页面被内联在主页中,如下所示:
<script type="text/ng-template" id="list.html">
etc...
这是最好的方法还是有其他选择?
提前感谢您的评论。
您在主页中看到的是<script>
此处记录的指令的用法:http ://docs.angularjs.org/api/ng.directive:script
通过使用此指令,您可以确保应用程序的模板(部分)是预先加载的,而不是按需加载的。这会减少 HTTP 往返次数,并且 - 一般而言 - 以更少的“等待”时间获得更好的用户体验。您可以使用其他技术来预加载部分,所有这些都在此响应中描述:https ://stackoverflow.com/a/12346901/1418796
但是 AngularJS 完全能够动态下载部分,因此您可以删除<script>
标签,将部分放在您的 WWW 服务器上,并在需要时让 AngularJS 下载它们。
所以一切都取决于上下文:在开发期间,您有时会希望按需下载您的部分文件以加快周转速度。对于生产部署,您可能希望按照提到的 SO 响应中所述预加载部分。