Angularjs 预加载嵌套ng包括

我正在使用AngularJS在我的web应用程序中“包含”html部分。我正在为此使用嵌套的

ng include

我还有一个动画在最外层

ng include

。一切都很好。唯一的问题是首先加载外部

ng include

模板。然后，包含的HTML文件还有一个

ng include

，它也会加载一个HTML文件

最后一个包含的HTML文件会导致div的大小突然扩大，这会使动画看起来跳跃和怪异

如果可以以某种方式预加载所有嵌套的

ng include

，则可以解决此问题。在AngularJS中可能有这样的事情吗

我的代码如下所示：

我的主要观点是：

<div class="animation-grow-in animation-grow-out" ng-repeat="myList">
  <div ng-include"base-partial.html"></div>
</div>

base-partial.html文件：

<div ng-switch="myList.type">
  <div ng-switch-when="file1">
    <div ng-include="'file1.html'"></div>
  </div>
  <div ng-switch-when="file2">
    <div ng-include="'file2.html'"></div>
  </div>
</div>

file1.html

和

file2.html

包含表单

---

但是因为

filex.html

加载的延迟使它看起来很紧张。那么这个问题有解决办法吗？我可以预加载所有嵌套的

ng包含吗？
您可以使用angularjs模板缓存服务来缓存模板。在引导应用程序时，将所有模板放在缓存中，这样它就不会对模板进行XHR调用

$templateCache