отображение данных после вызова ajax в Ember

Question

Один из основателей Discourse опубликовал запись в своем блоге http://eviltrout.com/2013/02/27/adding-to-discourse-part-1.html, объясняющую, как он делает запросы ajax в Ember (в отличие от использования данных Ember). Если пользователь переходит к маршруту будет вызывать найденную методу

Route

Discourse.AdminReportsRoute = Discourse.Route.extend({ 
    model: function(params) { 
     return(Discourse.Report.find(params.type)); 
     }, 

метод Find

Discourse.Report.reopenClass({ 
    find: function(type) { 
    var model = Discourse.Report.create(); 
    jQuery.ajax("/admin/reports/" + type, { 
     type: 'GET', 
     success: function(json) { 
     model.mergeAttributes(json.report); 
     model.set('loaded', true); 
     }, 
    }); 
    return(model); 
    } 
}); 

я получил эту работу, используя другой пример, однако, в обратном вызове Я получаю это сообщение об ошибке

Uncaught TypeError: Object [object Object] has no method 'mergeAttributes' 

Поскольку у меня не было дискурса, я создал ди fferent модель предметной области

App.Restaurant = Ember.Object.extend({}); 

App.Restaurant.reopenClass({ 
    find: function(type) { 
    var model = App.Restaurant.create(); 
    jQuery.ajax("restaurants/",{ 
     type: 'GET', 
     success: function(json) { 
     console.log(json); 
     model.mergeAttributes(json.restaurants); 
     model.set('loaded', true); 
     }, 
    }); 
    return(model); 
    } 
}); 

Протоколирование JSON в обратный вызов показал это

Object {restaurants: Array[28]} 
restaurants: Array[28] 
__proto__: Object 

Почему не mergeAttributes определяется на моей модели?

Я попытался удалить model.mergeAttributes и просто сделать

success: function(json) {  
     model.set('loaded', true); 
     }, 

Я получаю эту ошибку

Assertion failed: The value that #each loops over must be an Array. You passed <App.Restaurant:ember322> 

Так что, если я не могу сделать mergeAttributes, есть способ, чтобы сделать данные, возвращаемые в успешном обратном вызове массив?

{{#if loaded}} 
<ul> 
    {{#each item in model}} 
     <li>{{item}}</li> 
    {{/each}} 
    </ul> 

    {{else}} 
    {{ loading}} 
{{/if}} 

-

model: function(params) { 
    return(App.Restaurant.findAll(params)); 

    }, 

    renderTemplate: function() { 
    this.render('restaurants', {into: 'application'}); 
    } 

Answer 1

Есть несколько проблем:

Во-первых, mergeAttributes не встроены в Эмбер. Это то, что Discourse определяет в Discourse.Model, который является базовым классом модели, который они используют. Определение находится здесь: https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/models/model.js#L12-L38

Вторая проблема заключается в том, что в вашем звонке App.Restaurant.find вы выбираете список ресторанов, а затем создаете единую модель и возвращаете ее. Следовательно, объект, переданный в помощник each, представляет собой только один объект App.Restaurant вместо массива. Это то, на что ссылается ошибка Assertion failed.

Чтобы достичь того, чего вы хотите, вы должны, вероятно, сделать что-то вроде следующего:

App.Restaurant.reopenClass({ 
    findAll: function() { 
    jQuery.getJSON("restaurants").then(function(json) { 
     return json.restaurants.map(function(attrs) { 
     return App.Restaurant.create(attrs); 
     }); 
    }); 
    } 
});