等待嵌套的promise完成

Question

我有一个复杂的对象图，我建立在一个Ember控制器。

export default Container({
  username: DS.attr('string'),
  items: DS.hasMany('item')
})

export default SomeDetail({
  foo: DS.attr('string')
})

export default Item({
  detail_type: DS.attr('string'),
  detail_id: DS.attr('number'),
  container: DS.belongsTo('container')
})

所以，为了安排这一切，我基本上是想

1. 创建conatainer，
2. 然后，创建细节，其中可能有许多
3. 然后，创建项目，其中会有尽可能多的细节
4. 等待一切promise解决
5. 启动一个自定义的Rest动作来“激活”html" target="_blank">容器，一旦它有了所有的东西。

代码看起来像这样（咖啡），简化了但我认为要点就在那里

promises = []
store = @store
items = @get('itemsInMyController')
store.createRecord('container',
  username: @get('username')
).save().then(container) ->
  items.forEach (item) ->
    store.createRecord('detail',
      # Set Properties
    ).save().then (detail) ->
      item = store.createRecord('item',
        # Set Properties
      )
      promsies.push item
      item.save()

Ember.RSVP.allSettled(promsies).then (responses) ->
  # Perform Activate Action

当所有的promise都解决了，一切都是我想要的，然而，allSettled启动得太早了，因为它是在细节解决之前到达的，所以项目还没有创建，所以数组中没有任何内容。如果我将细节添加到数组中，也会发生这种情况，因为在创建项之前就已经到达了数组。

我唯一能做的就是使用单独的数组来跟踪不同的promise，并在每个promise解决时使用嵌套的all解决方案，但这开始让人感到非常棘手，我想知道是否有更好的方法。

谢谢

Answer 1

您需要从返回promise，然后返回回调，这样您就可以正确地取消它们的嵌套。因此，首先从回调返回项目promise，并获得一个promise，您可以立即在循环中推送到您的promise数组：

promises = []
@get('itemsInMyController').forEach (item) =>
  promise = @get('store').createRecord('detail',
    # Set Properties
  ).save().then (detail) =>
    item = @get('store').createRecord('item',
      # Set Properties
    )
    item.save() # this returns a promise
  ) # and `promise` resolves with that result eventually
  promises.push promise

现在，您得到了一系列promise，您可以将这些promise传递给allselled。您不能在容器的then回调之外调用它（因为promises到那时仍然是空的），而是在回调内部，您可以再次为数组返回该promise，以便展平链。

我建议不要为每个使用并手动构建该数组，只需使用映射：

@store.createRecord('container',
  username: @get('username')
).save().then (container) =>
  promises = @get('itemsInMyController').map (item) =>
    @get('store').createRecord('detail',
      # Set Properties
    ).save().then (detail) =>
      @get('store').createRecord('item',
        # Set Properties
      ).save()
  Ember.RSVP.allSettled promises
.then (responses) ->
  # Perform Activate Action