2016-11-17 106 views
1

所以我有这个问题,当我点击一个链接,带我到下一个页面,如AngularJS:延迟加载一个模板

<a href="#/app/nextPage" class="button">Continue</a> 

下一个模板开始当前模板下加载,所以几秒钟它们都可以在屏幕上看到。最终当前模板消失,新模板接管。

我在下面提供了一个例子。

Loading next template lag

正如你可以看到,在“继续”按钮,接下来的模板开始加载,而当前模板仍然在屏幕上。

起初我想,也许下一个模板花的时间过长渲染,但我揭穿这个

  1. 从小模板,模板小去的时候它这样做是偶数。
  2. 显示在底部的下一个模板实际上已完全呈现。

所以它不等待下一个模板加载,但似乎等待当前模板消失。

我该如何摆脱这种滞后?由于

角1.5.8

+1

没有足够的细节。请提供[MCVE](http://stackoverflow.com/help/mcve)。如果这个延迟是由模板请求引起的,那么可以通过将模板预加载到'$ templateCache'来进行修复(这里有几个Gulp和Grunt插件可以实现这个功能)。 – estus

回答

1

的问题是,我安装了ngAnimate模块,它是给我ngView动画,因为它是装载每个模板。问题已解决。