ember.js - Ember 查询参数为空

Question

我正在尝试从 URL 获取参数，但似乎根本没有分配。我正在遵循本指南 http://emberjs.com/guides/routing/query-params/下面是 index.js Controller 。

export default Ember.Controller.extend({

  queryParams: ['authToken'],
  authToken: null,

  init: function() {
    var authToken = this.authToken;
    console.log(authToken);
  }
});

访问根URL/或/#时，authToken为null，正常。但是，在尝试/#?authToken=123 时，它仍然为空。有什么想法吗？

Answer 1

好吧，我无法在 init 钩子(Hook)中获取 authToken 的值 - 我认为它调用得太早了，但你可以将它包装在 Ember.run 中.next 方法或在 IndexRoute 的 setupController 钩子(Hook)中获取它的值。这按预期工作:

App.IndexRoute = Ember.Route.extend({
  setupController: function (controller, model) {
    console.log(controller.get('authToken'));
  }
});

App.IndexController = Ember.Controller.extend ({
  queryParams: ['authToken'],
  authToken: null,
  init: function() {
    this._super();
    Ember.run.next(this, function() {
      console.log(this.get('authToken'));
    });

  }
});

例如，URL site.com#/?authToken=lol 产生以下控制台输出:

app:49 lol
app:59 lol

Working demo.