javascript - Ember.js:将 Em.$.getJSON 转换为 promise 并将响应绑定(bind)到 Controller 上下文的正确方法？

Question

我正在使用 $.getJSON 获取一些数据，我想将这些数据异步绑定(bind)到 Controller 上下文。我在我的 route 想出了这个 - 它有效，但我对此并不满意:

setupController: function(controller, model) {
  this._super(controller, model);
  Em.RSVP.Promise.cast(Em.$.getJSON((this.get('ENV.apiBaseURL')) + "/users/current/live_matchday_stats")).then((function(_this) {
  return function(s) {
    return _this.controller.set('matchdayStats', Em.Object.create(s));
  };
}

然后，在我的模板中，例如，我可以使用:

Foo: {{matchdayStats.foo}}

而且效果很好。有没有更好的方法来写这个(也许没有 promise casts 和 Em.Object 创建)——我知道如果我把 Em.$.getJSON 放入模型钩子(Hook)中，这会自动工作。

Answer 1

你可以使用 DS.PromiseObject

var matchdayStats = DS.PromiseObject.create({
  promise: Em.$.getJSON((this.get('ENV.apiBaseURL')) + "/users/current/live_matchday_stats")
});

controller.set('matchdayStats', matchdayStats);

这是 Ember Data 在模板中访问/显示相关对象和这些对象的属性的方式。