灰烬之后渲染器不等待承诺

Question

我想知道何时所有内容都已首次渲染，但是Ember.run.scheduleOnce('afterRender'还不够，因为模板中有承诺。

{{#each entity in model.entities}}
  {{entity.anotherEntity.name}}
{{/each}}
{{!-- more like above --}}

其中entities和anotherEntities是异步关系和承诺。 afterRender在内部内容呈现之前命中。 我当前的解决方案是：

Ember.run.scheduleOnce('afterRender', this, function() {
  Ember.RSVP.all([
    this.model.get('entities').then(function(entities) {
      return Ember.RSVP.all(entities.map(function(entity) {
        return entity.get('anotherEntity');
      }));
    }),
    // more like above
  ]).then(function() {
    console.log('done-rendering');
  });
});

有更好的方法吗？ 这甚至可能还不够，因为在最后一个承诺解析到模板渲染的最后一部分之间可能会有瞬间的间隔。 在所有的承诺都确定afterRender之后，也许我需要另一个afterRender或类似的检查。

Answer 1

如果要使用afterRender队列， afterRender在完成工作之后但在呈现工作之前计划调用。 这意味着在您的诺言得到解决之前调用它可能会涉及时间问题（如您所指出的）。 如果我是您，我会在您的承诺解决后安排电话。

this.model.get('entities').then(function(entities) {
    return Ember.RSVP.all(entities.map(function(entity) {
        return entity.get('anotherEntity');
    });
}).then(function() {
    Ember.run.scheduleOnce('afterRender', this, function() {
        // Your work is finished
        // You can now schedule more work for after rendering
    });
});

不幸的是，我不知道有比这更优雅的方法。 通常， afterRender队列并不经常使用（我仅在将第三方库包装在组件中时才使用它），因此没有理由使其更易于使用。