Emberjs:无法读取未定义的属性"类型"

Question

我在我的ember应用程序中创建了一个名为ticket-stats的模型:

import Model from 'ember-data/model';
import attr from 'ember-data/attr';

export default Model.extend({

    get_tickets_more: attr(),
    get_tickets: attr(),
    get_avg_tickets: attr()

});

数据来自JSON api:http://domain.com/data/ticketStats？blank = blah ...所以我为这个名为ticket-stats的模型添加了一个特殊的适配器:

import JSONAPIAdapter from 'ember-data/adapters/json-api';

export default JSONAPIAdapter.extend({

    host: 'http://domain.com',
    namespace: 'data',

    pathForType: function(type) {
        return Ember.String.camelize(type);
    }
});

我在路上获得了这个模型的数据:

import Ember from 'ember';

export default Ember.Route.extend({

    model () {
        var ticketData;
        this.store.query('ticket-stats', { teamID: 218, attUID: 'oc7569', useProd: 1})
                .then(function(stats) { ticketData = stats; });

        return Ember.RSVP.hash({
            currentUser: this.currentUser,
            ticketStats: ticketData
        });
    }
});

而且,我得到一个TypeError:

ember.debug.js:32096 TypeError: Cannot read property 'type' of undefined
    at _pushInternalModel (store.js:1524)
    at push (store.js:1501)
    at finders.js:171
    at Object.Backburner.run (ember.debug.js:678)
    at _adapterRun (store.js:1733)
    at finders.js:168
    at tryCatch (ember.debug.js:53806)
    at invokeCallback (ember.debug.js:53821)
    at publish (ember.debug.js:53789)
    at ember.debug.js:32054onerrorDefault @ ember.debug.js:32096exports.default.trigger @ ember.debug.js:54476(anonymous function) @ ember.debug.js:55727Queue.invoke @ ember.debug.js:333Queue.flush @ ember.debug.js:397DeferredActionQueues.flush @ ember.debug.js:205Backburner.end @ ember.debug.js:560(anonymous function) @ ember.debug.js:1126

关于为什么会发生这种情况的任何想法？当我删除适配器中的pathForType函数时,此错误消失了,但是我得到另一个关于从http://domain.com/data/ticket-stats获取数据的错误？...这不是正确的URL.我必须转换为camelCase,ticket-stats => ticketStats.

这就是我的json的样子:

{
   "get_avg_tickets": { ... },
   "get_tickets_more": { ... },
   "get_tickets": { ... }
}

我还通过简单地用JSONSerializer替换JSONAPISerializer来修改应用程序序列化器:app/serializers/application.js

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

export default JSONSerializer.extend({
});

任何帮助,将不胜感激!我对Ember很新.

Answer 1

你需要在这里使用这个序列化器是参考链接 http://emberjs.com/api/data/classes/DS.EmbeddedRecordsMixin.html

import DS from 'ember-data';

export default DS.RESTSerializer.extend(DS.EmbeddedRecordsMixin, {
  normalizeQueryResponse(store, primaryModelClass, payload, id, requestType) {
    payload = { ticketStats: payload };
    return this.normalizeArrayResponse(store, primaryModelClass, payload, id, requestType);
  },
});

你的json应采用以下格式:

{
   "get_avg_tickets": 45,
   "get_tickets_more": propertyvalue,
   "get_tickets": propertyvalue
}

否则你需要在serilializer的normalizeQueryreponse中规范化你的响应

也准备好以下文档为您提供帮助http://thejsguy.com/2015/12/05/which-ember-data-serializer-should-i-use.html 我希望它能为您提供 帮助.别忘了接受我的回答.