控制器中的 EmberJS 承诺

Question

我已经尝试了几个小时来弄清楚为什么这不起作用，但我似乎无法找到解决方案。

我正在尝试通过 REST 获取数据，对数据执行一些操作（例如过滤它），然后返回结果。

如果我只返回this.store.find('somthing')，这将非常有效。一旦我使用then() - 一切都会中断。

App.SongController = Ember.ObjectController.extend({

  first: (function() {
    return this.second();
  }).property('first', '').volatile()


  second: (function() {
    var promise = Ember.Deferred.create();
    var data = [{ id: 1, name: 'hi' }];

    this.store.find('something').then(function (data) {
      // Do something with the data..

      // return the data
      promise.resolve(data);
    });

    return promise;
  }).property('second')

});

控制台错误：

Assertion failed: The value that #each loops over must be an Array. You passed <Ember.Deferred:ember350>
Uncaught TypeError: Object [object Object] has no method 'addArrayObserver'
Assertion failed: Emptying a view in the inBuffer state is not allowed and should not happen under normal circumstances. Most likely there is a bug in your application. This may be due to excessive property change notifications.
Uncaught Error: You cannot modify child views while in the inBuffer state 

Answer 1

听起来您在歌曲模板中使用了 {{#each ...}}，它告诉 ember 您正在迭代某个数组，但它找到的不是数组。

您可以将 SongController 设置为 ArrayController

App.SongController = Ember.ArrayController.extend()

并从模型钩子返回数据

App.SongRoute = Em.Route.extend({
   model: function(){
      return this.store.find('something');
   },
   setupController: function(controller, model){
     // and if your need to modify the data, it'll be loaded by this point
     model.blah = 123123;
     // then let ember finish off setting up the controller
     this._super(controller, model);
   }
});

如果您真的希望它是一个计算属性，只需从 find 中返回 promise，它是一个 arrayproxy，一旦它被解析就会填充（所以它最初是 0，但是一旦服务器响应它就会增长）。

second: function() {
  var promise = this.store.find('something').then(function (records) {
    records.objectAt(0).set('someValue', false);
  });

  return promise;
}.property('second')