在 Meteor 中重绘模板期间加载消息

Question

我构建了我的第一个 Meteor 应用程序，我很喜欢它。除了，现在它有真实的生产数据，它有点慢。我收到报告说“当我单击此按钮时没有发生任何事情”。

有没有办法在模板重绘期间显示加载消息，以便用户知道正在发生的事情？

为了进一步说明，请查看此模板（不是我的实际代码，仅为简单起见）：

Template.all_posts.posts = function() {
  return Posts.find({'category_id': Session.get('current_category')});
}

因此，如果打开我的控制台并运行Session.set('current_category', 1)，假设运行计算和重绘模板需要 2 秒。我想在那 2 秒内显示一个加载指示器。

明确地说，我已经知道如何显示加载指示器。事实上，我已经在初始页面加载时执行此操作，并在我的所有订阅均为ready() 时将其隐藏。我只是想知道在哪里应用相同的逻辑（显示和隐藏加载图标），以便每次重绘模板时都会发生这种情况。伪代码可以正常工作：

总之，当 Meteor 忙的时候，我想反映这一点。

非常感谢任何帮助！

编辑 10/09/13：

来自文档...

这些 Meteor 函数将您的代码作为响应式计算运行：

• 模板
• Meteor.render 和 Meteor.renderList
• Deps.autorun

我认为一种可能的解决方案可以开始当任何这些“计算”无效时显示加载指示器。

例如，如果您在 Deps.autorun 内运行代码，则计算实例作为第一个参数传递，您可以将回调传递给它的 onInvalidate 方法，如下所示：

Deps.autorun(function(computation) {

  // do reactive stuff

  computation.onInvalidate(function() {
    // display loading indicator
  });
});

但是，据我所知，您无法在其他 Meteor 方法中访问计算对象，只能访问 Deps.autorun。

至于隐藏加载指示器，我认为最好的办法是在要（重新）渲染的最后一个模板的rendered 回调中进行，因为计算。

有人对此有任何见解、建议、技巧、技巧等吗？

Answer 1

您可以使用Template.myTemplate.created = function ( ) { ... }，如meteor documentation 中所述。您也许可以在创建模板时运行一些 jQuery，并在正文中添加一个加载类，然后在 Template.myTemplate.rendered 上，删除加载类？

Answer 2

以防万一您从未解决过此问题，我想分享另一位用户的解决方案，他在my question 的回复中发布了该解决方案。由 nate-strauser 回答 here：

挂钩到集合的 .ready() 方法以确定何时可以显示它。当所有数据都加载到客户端时，这将返回 true。您看到的是空的，然后是部分的，然后是完整的渲染，因为您的代码没有等待所有数据，而是在数据到达时渲染。这不是一件坏事，但并不总是可取的。您可以使用类似 https://github.com/oortcloud/unofficial-meteor-faq#how-do-i-know-when-my-subscription-is-ready-and-not-still-loading 的方式推出自己的解决方案，但我建议将 Iron-router 和 waitOn 函数用于有问题的路由 https://github.com/EventedMind/iron-router#waiting-on-subscriptions-waiton，当它与 loadingTemplate 选项结合使用时，您可以做得很好（正在加载....) 加载时消息，然后立即转换到完全填充的模板

您可以忽略全部部分。