流星铁：路由器过渡

Question

我正在尝试使用iron：router在页面之间实现过渡。 我在CSS中定义了动画，现在我需要做的就是用iron：router来调用它们。 由于某种原因，以下代码：

animateContentOut = function() {
    $('#content').removeClass("animated fadeIn");
    return $('footer').addClass("hide");
}

fadeContentIn = function() {
    $('#content').addClass("animated fadeIn");
    return $('footer').removeClass("hide");
}

Router.onBeforeAction(animateContentOut);
Router.onAfterAction(fadeContentIn);

返回一个异常：

路由分配从未呈现。 您是否忘了在onBeforeAction中调用this.next（）？

Answer 1

正如Iron-Router文档中指定的那样，现在onBeforeAction和onAfterAction回调都需要this.next() 。 https://github.com/iron-meteor/iron-router

因此，只需将该行添加到fadeContentIn和animateContentOut代码的末尾fadeContentIn 。

Answer 2

如果您已登录，请尝试这样

Router.onBeforeAction(function () {
    if (!Meteor.user()) {
      this.render('Login');
    } else { 
      this.next();
     }
});