javascript - 从加载(isPending)闪烁到已解决。为什么？

Question

这是我的 Ember ，解释了整个情况:

https://ember-twiddle.com/758a294c26d4f66b201462c997f79e57

我的问题是加载消息。

我的帖子是旁加载的，下载时间可能非常非常长。

与此同时，我需要显示一条加载消息(旋转时这是绿色的)。

当我从 categories 路由进入 category 路由时，我需要直接加载绿色，而不是如您所见的红色闪烁。

为什么会发生这种情况？

Answer 1

这种类型的数据加载可能会有点棘手(正如您遇到的那样；-)。在您的设置中，您是否希望在数据尚未加载时显示您的类别？

如果您不这样做，那么您可以通过请求您的帖子数据侧面加载您的类别路由模型 Hook 来阻止 UI 加载:

model(params) {
  return this.store.findRecord('category', params.category_id, { include: 'posts' });

  // see the guides page about this
  // https://guides.emberjs.com/v2.12.0/models/relationships/#toc_retrieving-related-records
}

现在，您的帖子数据请求似乎是由您的模板访问帖子数据触发的(这就是您看到闪烁的原因)。

如果您确实想在帖子数据加载时显示类别数据(这通常是所需的效果)，那么在帖子组件中加载辅助数据(使用适当的类别 ID)可能是最干净的处理方法这个。

我个人发现使用 ember-concurrency对于这种类型的任务来说，它变得更加简单。此示例可能会帮助您指明正确的方向:http://ember-concurrency.com/#/docs/examples/autocomplete

这有帮助吗？