使用angularJS加载视图

时间:2014-07-09 02:43:00

标签: angularjs

我在许多网站(如twitter.com)中看到,当您在视图之间通过单击导航栏菜单进行导航,然后视图仅加载一次,并且加载微调器仅在第一次加载视图时出现。如果再次返回视图,它将直接加载,并且加载微调器不会再次出现。 我想知道,我怎样才能使用 AngularJS 做类似的事情?我需要任何教程来帮助我这样做或让我上路。

1 个答案:

答案 0 :(得分:1)

这已经是角度的核心部分。阅读$templateCache文档。这是一个简单的摘录:

  

第一次使用模板时,会将其加载到模板缓存中以便快速检索。您可以将模板直接加载到脚本标记中的缓存中,也可以直接使用$ templateCache服务。

因此,当使用ng-include之类的东西通过文件获取远程模板时,它只会加载一次,并自动放入此缓存并在必要时重复使用。

如果您想知道如何仅重新加载页面的一部分,那么您需要查看ng-view(这是基本路由模块的一部分),或ui-router更复杂分层视图布局。