angularjs - 将HTML部分预加载到AngularJS UI-Router应用程序中

Question

我注意到，在我的 Angular 应用程序完全刷新后，状态转换(我正在使用ui-router，但随后也可能类似于 native Angular路由)在首次访问时会稍有延迟，因为浏览器会执行GET请求来检索与该给定状态关联的HTML部分。所有后续访问基本上都是瞬时的，但是我想知道是否有一种方法可以告诉Angular在首次进入页面时预加载所有需要的部分？

他们不这样做是因为如果并行获取最终会导致过多的部分使用过多的带宽？

Answer 1

您可以将这些部分代码放入script标签中，并将其放置在HTML主页面中，以便将它们全部加载到前面。您也可以将它们加载到应用程序的run块中，然后将它们放入$templateCache中:
$templateCache.put('template.html', '<h1>My template</h1>');
或者，如果不是内联的，则从服务器获取它:
$http.get('template.html', {cache:$templateCache});