Ember.js:如果控制器中满足某些条件，则在路由器中重定向

Ember.js: redirect in router if certain condition is satisfied in controller?

本文关键字：条件 重定向 路由器 js 如果 控制器 满足 Ember      更新时间：2023-09-26

基本上，目标是在用户登录时呈现帐户页面，否则重定向到登录页面。

我有以下路线：

App.Router.map(function() {
  this.resource('account', { path: '/'});
  this.route('login', { path: '/login' });
})

我当前的代码尝试访问路由中帐户控制器中的loggedIn属性：

App.AccountRoute = Ember.Route.extend({
  renderTemplate: function(controller) {
    var loggedIn = controller.get('loggedIn'); // ERROR: controller undefined
    if (!loggedIn) {
      this.transitionTo('login');
    }
  }
});

我应该在路由器中实现此逻辑吗？为什么我的路由中未定义控制器？谢谢！

这里有几个想法可能会对你有所帮助：

  1. 您的控制器并不总是存在。它是由 Ember 在第一次需要它时创建的。您可以使用 Chrome 扩展程序进行 Ember 调试，以查看已创建哪些控制器。在您的情况下，它应该是可用的，因为您在renderTemplate钩中。通常，重定向应在beforeModel钩或redirect钩中完成：

    redirect: function () {
    if (!this.controller.get('loggedIn')) {
        this.transitionTo('login');
    }
}

  2. 请考虑将身份验证逻辑移动到 Ember 服务中（示例）。Ember 中的服务只是一个扩展Ember.Object的类。您将能够将该服务注入到所有控制器和路由中，以便它始终可用。

  3. 更好的是：考虑使用处理身份验证和授权的出色 ember-simple-auth。它将创建一个可在应用中随处使用的session服务，因此您将能够执行以下操作： 

    // Ensures the user is authenticated
if (!this.get('session.isAuthenticated')) {
    this.transitionTo('login');
}

    甚至更好（因为您不想到处复制粘贴这些东西）：

    // This route is now authenticated!
App.AccountRoute = Ember.Route.extend(AuthenticatedRouteMixin, { 
    ... 
}

还有许多其他很酷的东西！

另外，我看到您尚未使用Ember CLI。一旦你对Ember感觉更舒服，我会推荐它。Ember CLI 是 Ember 的未来，它的语法略有不同，但有很多很棒的东西。

相关文章：