ember.js - EmberJS : Return to current route after login

Question

我有一个应用程序，匿名用户可以在其中查看只读 View 。当用户单击链接登录时，我想保存当前的路由和模型，并在认证成功后恢复它。

这与大多数拦截 beforeModel 中的转换并重定向登录的示例略有不同。

App.ApplicationController = Ember.Controller.extend({
    actions: {
        logIn: function() {
            this.set('previousPath', this.get('currentPath'));
            this.transitionToRoute('login');
        }
    }
});

App.LoginController = Ember.Controller.extend({
    needs: 'application',
    username: '',
    password: '',

    actions: {
        logIn: function () {
            var self = this;

            App.session.logIn(this.get('username'), this.get('password')).then(
                function() {
                    var route = self.get('controllers.application.previousPath')
                    self.transitionToRoute(route);
                });
        }
    }
});

这适用于静态路由，但对于动态路由，模型和路由参数会丢失。

如何捕获当前 Controller 的模型或路由参数以便我可以恢复它们？

Answer 1

我找到了一种类似于拦截重定向重试模式的方法。

首先，记住应用程序路由中最近的转换，只要它不是登录的转换:

App.ApplicationRoute = Ember.Route.extend({
    beforeModel: function(transition) {
        this._saveTransition(transition);
    },
    actions: {
        willTransition: function (transition) {
            this._saveTransition(transition);
        }
    },
    _saveTransition: function (transition) {
        if (transition.targetName !== 'login') {
            this.controllerFor('login').set('previousTransition', transition);
        }
    }
});

beforeModel进入应用程序或硬刷新页面时触发。 willTransition在每次后续转换时触发。

然后 LoginController 可以在认证成功后重试之前的转换:

App.LoginController = Ember.Controller.extend({
    username: '',
    password: '',

    actions: {
        logIn: function () {
            var self = this;

            App.session.logIn(this.get('username'), this.get('password')).then(
                function() {
                    var previousTransition = self.get('previousTransition');

                    if (previousTransition) {
                        previousTransition.retry();
                        return;
                    }

                    self.transitionToRoute('index');
                });
        }
    }
});