等待铁路由器中的页面数据 - 流星

Question

是否可以等到页面数据在页面呈现之前加载？ 在加载数据之前，我总是会看到notFound模板几毫秒。

这是我的代码：

this.route('gamePage', {
        path: '/game/:slug/',
        onBeforeAction: filter,
        waitOn: function() { return [Meteor.subscribe('game', this.params.slug)]; },
        data: function() {
            var game =  Games.findOne({slug: this.params.slug});
            if (!game) {
                this.render("notFound");
            } else {
              return game;
            }
        }
    });

任何帮助将不胜感激。

Answer 1

您可以使用'loading'挂钩显示您选择的模板，而waitOn中的订阅尚未准备好。

激活钩子：

Router.onBeforeAction("loading");

并设置加载模板：

Router.configure({
  loadingTemplate: "loading"
});

<template name="loading">
  loading... <!-- or display an animated spinner -->
</template>

您还可以在每个路由级别设置加载模板。

this.route("blah", {
  path: "/blah",
  loadingTemplate: "blahLoading"
});

Answer 2

这是我解决它的方式：

if (!game && this.ready()) {
       this.render("notFound");
 } else {
       return game;
 }