如何在Ember JS路線中順序加載多個模型

Question

在Ember JS中依次加載多個模型的最佳方式是什麼？

例如

App.ProductRoute = Ember.Route.extend({ 
    model: function(params) { 
    // first call 
    this.store.find('Product'); 
    // second call should only be called after the first find is completed  
    var prod = this.store.find('Product', params.product_id); 
    // third call should only be called after the above is completed 
    this.store.find('ProductOptions', prod.get('optionId'); 
    return ??? 
    }, 
    setupController: function(controller, model){ 
     // how would one the set up the controllers? 
    } 
}); 

This後顯示瞭如何在一個路徑的同時加載多個模型。

Answer 1

您可以創建自己的承諾並解決哈希。這將是控制器中的模型，不需要重寫setupController，除非您希望它們存儲在控制器上的某處不同。

App.ProductRoute = Ember.Route.extend({ 
    model: function(params) { 
    var self = this; 
    return new Em.RSVP.Promise(function(resolve, reject){ 
     // first call 
     self.store.find('Product').then(function(products){ 

     // second call should only be called after the first find is completed  
     self.store.find('Product', params.product_id).then(function(product){ 
      // third call should only be called after the above is completed 
      self.store.find('ProductOptions', product.get('optionId').then(function(productOption){ 
      resolve({ 
       products:products, 
       product:product, 
       productOptions:productOptions 
       }); 
      }); 
     }); 
     }); 
    }); 
    } 
}); 

順便說一句，這聽起來像產品選項應該是產品上的異步關係。