Ember.js: Как разрешить асинхронные отношения hasMany в Ember.Route?

Question

Как разрешить асинхронные отношения hasMany в Ember.Route?

Конкретно: я не могу понять, почему this.modelFor('collection').get('id') возвращает идентификатор, но this.modelFor('collection').get('recipes_refs') объект (может быть, обещание?).

Я должен решить recipes_refs, потому что мне нужно выяснить, есть ли в настоящее время коллекция рецептов содержит запрошенный в настоящее время рецепт.

// Route 
App.CollectionRecipeRoute = Ember.Route.extend({ 
    model: function() { 
     console.log(this.modelFor('collection').get('id')) 
    } 
}); 

// Models 
App.Collection = DS.Model.extend({ 
    title: DS.attr('string'), 
    assets: DS.attr(), 
    status: DS.attr('string'), 
    recipes_refs: DS.hasMany('recipe', { async: true }) 
}); 

App.Recipe = DS.Model.extend({ 
    title: DS.attr('string'), 
    ingredients: DS.attr('string') 
}); 

Answer 1

Вы правы, что this.modelFor('collection').get('recipes_refs') возвращает обещание. Вы можете справиться с этим, как и любые другие обещания, используя then для обработки случаев, когда он разрешает или отклоняет.

this.modelFor('collection').get('recipes_refs').then(function(recipes){ 
    // At this point 'recipes' is a collection of live objects 
    recipes.forEach(function(recipe,i){ 
    // do something with each recipe in the collection 
    }); 
});