Ember.js - ApplicationRoute 中的 this.set() 不起作用

Question

每当用户登录时，我都会尝试设置一个布尔变量。

App.ApplicationRoute = Ember.Route.extend({
  isLoggedIn: false,

  init: function() {
      if (loggedIn) {
        this.set('isLoggedIn', true);
      } else {
        console.log(error)
        this.set('isLoggedIn', false);
      }
    });
  }
});

但是，在this.set() 我得到：

Uncaught TypeError: undefined is not a function

有什么想法吗？

我认为处理用户会话的最佳位置是App.ApplicationRoute，因为它是一切的根源。这会导致问题吗？

更新： 这里有反馈是当前/完整的代码。

App.ApplicationRoute = Ember.Route.extend({
  isLoggedIn: false,

  init: function() {
    this._super();

    auth = new FirebaseSimpleLogin(appRef, function(error, user) {
      if (user) {
        console.log(user)
        this.set('isLoggedIn', true);
      } else {
        console.log(error)
        this.set('isLoggedIn', false);
      }
    });
  }
})

所以我之前遗漏了我的 Firebase 代码，因为我认为它并不相关，但为了追查问题，我将其添加进去。

Answer 1

原因与

有关

this

在您的 firebasesimpllogin 中设置错误。您在构造函数中使用的函数必须在对外部上下文的“this”的引用中传递。最简单的方法是将函数的代码更改为：

function(error, user) {
  if (user) {
    console.log(user)
    this.set('isLoggedIn', true);
  } else {
    console.log(error)
    this.set('isLoggedIn', false);
  }
}.bind(this));

Answer 2

第一件事是第一：）

如Ember.js documenation所述：

注意：如果您确实为 Ember.View 或 Ember.ArrayController 等框架类重写 init，请务必在您的 init 声明中调用 this._super()！如果您不这样做，Ember 可能没有机会进行重要的设置工作，并且您会在应用程序中看到奇怪的行为。

其次，您的 loggedIn 变量未声明或实例化，因此与您的 error 一样为 null 但我猜您只是撕掉了项目的一些代码来整理一个简单的示例，所以如果您这样做：

App.ApplicationRoute = Ember.Route.extend({
  isLoggedIn: false,

  init: function() {
      this._super(); // <-- call `this._super()` here

      if (loggedIn) {
        this.set('isLoggedIn', true);
      } else {
        console.log(error)
        this.set('isLoggedIn', false);
      }
    });
  }
});

一切都应该按预期工作:)