Как сериализовать Ember разбивается на страницы данных

Question

Я получаю следующий JSON из моего отдыха API:

{ 
    "content": [{ 
    "id": 56789, 
    "name": "sample book", 
    "status": "available" 
    },{ 
    "id": 56789, 
    "name": "sample book", 
    "status": "available" 
    }], 
    "last": true, 
    "totalElements": 5, 
    "totalPages": 2, 
    "size": 3, 
    "number": 1, 
    "sort": null, 
    "first": false, 
    "numberOfElements": 2 
} 

Эмбер Книга Модель

export default DS.Model.extend({ 
    id: DS.attr(), 
    name: DS.attr(), 
    status: DS.attr() 
}); 

Ember Маршрут

import Ember from 'ember'; 
import RouteMixin from 'ember-cli-pagination/remote/route-mixin'; 

export default Ember.Route.extend(RouteMixin, { 

    model: function(params) { 
     params.paramMapping = { 
     perPage: "size" 
     }; 
     return this.findPaged('book',params); 
    } 
}); 

В вкладка сети Firefox способный видеть реакцию, но в консоли браузера, я получаю следующее сообщение:

Error while processing route: book.index data is undefined _pushInternalModel

В Chrome получает следующее исключение:

ember.debug.js:30610 Error while processing route: books.index Cannot read property 'type' of undefined TypeError: Cannot read property 'type' of undefined

Я использую следующие версии уголек:

• "ember-cli": "2.5.0",
• "ember-cli-pagination": "2.2.2"

Я думаю, что я должен сериализовать ответ, используя «normalizeResponse», но я не знаю, как это сделать.

По Lux комментарий изменен сериалайзер:

import JSONSerializer from 'ember-data/serializers/json'; 
import DS from'ember-data'; 

export default DS.JSONSerializer.extend(DS.EmbeddedRecordsMixin, { 
attrs: { 
    product: {embedded: 'always'} 
}, 
extractMeta(store, typeClass, payload) { 
    let meta = [{ 
    "last": payload.last, 
    "totalElements": payload.totalElements, 
    "totalPages": payload.totalPages, 
    "size": payload.size, 
    "number": payload.number, 
    "sort": payload.sort, 
    "first": payload.first, 
    "numberOfElements": payload.numberOfElements 
}]; 
delete payload.content; 
delete payload.last; 
delete payload.totalElements; 
delete payload.totalPages; 
delete payload.size; 
delete payload.number; 
delete payload.sort; 
delete payload.first; 
delete payload.numberOfElements; 

return meta; 
}, 
normalizeArrayResponse(store, primaryModelClass, payload, id, requestType) { 
let documentHash = { 
    data: [], 
    included: [], 
    meta: this.extractMeta(store, primaryModelClass, payload), 
}; 
payload.content.forEach(item => { 
    let { data, included } = this.normalize(primaryModelClass, item); 
if (included) { 
    documentHash.included.push(...included); 
} 
documentHash.data.push(data); 
}); 
} 
}); 

Getting следующие ошибки:

ember.debug.js:19750 TypeError: Cannot read property 'forEach' of undefined 
at Class.normalizeArrayResponse (device.js:41) 
at Class.normalizeQueryResponse (json.js:333) 
at Class.normalizeResponse (json.js:228) 

Answer 1

Вы должны checkout the documentation.

Я думаю, что вы должны реализовать extractMeta:

extractMeta(store, typeClass, payload) { 
    let meta = [{ 
    "last": payload.last, 
    "totalElements": payload.totalElements, 
    "totalPages": payload.totalPages, 
    "size": payload.size, 
    "number": payload.number, 
    "sort": payload.sort, 
    "first": payload.first, 
    "numberOfElements": payload.numberOfElements 
    }]; 
    delete payload.content; 
    delete payload.last; 
    delete payload.totalElements; 
    delete payload.totalPages; 
    delete payload.size; 
    delete payload.number; 
    delete payload.sort; 
    delete payload.first; 
    delete payload.numberOfElements; 

    return meta; 
} 

included и другие включены записи. Информация, такая как данные разбивки на страницы, должна быть в хеше meta. Так что ember думает, что вы предоставите ему дополнительные записи, но не можете найти их.

Далее вы реализуете normalizeArrayResponse. Возможно, что-то, как это будет работать для вас:

normalizeArrayResponse(store, primaryModelClass, payload, id, requestType) { 
    let documentHash = { 
    data: [], 
    included: [], 
    meta: this.extractMeta(store, primaryModelClass, payload), 
    }; 

    payload.content.forEach(item => { 
    let { data, included } = this.normalize(primaryModelClass, item); 
    if (included) { 
     documentHash.included.push(...included); 
    } 
    documentHash.data.push(data); 
    }); 
} 

Это извлечь данные из content массива.