【问题标题】:AngularJS: lag loading next templateAngularJS:延迟加载下一个模板
【发布时间】:2016-11-17 01:12:15
【问题描述】:

所以当我点击一个链接将我带到下一页时,我遇到了这个问题,例如

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

下一个模板开始在当前模板下加载,因此在几秒钟内它们都在屏幕上可见。最终,当前模板消失,新模板接管。

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

如您所见,在“继续”按钮下,下一个模板开始加载,而当前模板仍在屏幕上。

起初我以为下一个模板可能需要很长时间才能渲染,但我揭穿了这一点

  1. 即使从小模板转换为小模板,它也会这样做。
  2. 显示在底部的下一个模板实际上已完全渲染。

所以它不是在等待下一个模板加载,而是在等待当前模板消失。

我该怎么做才能摆脱这种滞后?谢谢

Angular 1.5.8

【问题讨论】:

  • 没有足够的细节。请提供MCVE。如果这个延迟是由模板请求引起的,可以通过将模板预加载到$templateCache 来修复(Gulp 和 Grunt 有几个插件可以做到这一点)。

标签: javascript angularjs


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2012-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多