Promise 从模型钩子返回，Ember.js 不会阻塞，直到 promise 被解决

Question

这是我要解决的问题。 我正在尝试通过查询字符串参数（字段：id 和选项卡）从存储中检索联系人记录。我可以在浏览器控制台中看到正在检索的联系人模型。

由于正在对查询参数执行查找操作，因此响应是一个联系人记录的数组。 这就是为什么在下面的控制器代码中，我使用 contact.get('firstObject') 提取联系人模型。

但是，在整个操作完成之前，浏览器中没有渲染任何内容。

我不明白这种行为。 因为我将此操作包装在 RSVP 承诺调用中。 在这个模型钩子返回这个 promise 之前，Ember.js 应该阻塞直到 promise 被解决。请让我知道这里出了什么问题。

export default  Ember.ObjectController.extend({
   model:function(){
   var self = this;
   return new Ember.RSVP.Promise(function(resolve, reject) {
          self.store.find('contact',{id:1, tab: "contactInfo"}).then(function(contact) {
              contact.get('firstObject');
          });

          });
    }.property('model')       
 });

Answer 1

你快到了。除了一些冗余代码之外，您当然应该返回您的 firstObject。这应该有效：

 model:function(){
   return this.store.find('contact',{id:1, tab: "contactInfo"}).then(function(contact) {
              return contact.get('firstObject');
    });

Promise 是 ember 处理异步逻辑的方法，其整体目标不是阻塞整个应用程序。当数据进入时，模板将被更新。