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;
 }

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

2 个答案: