Ember 数据：使用序列化和带有虚线 jsonapi 属性的 attrs 哈希简化 post 对象

Question

这是一个简化的例子。 请记住，实际模型是 20 个字段和一些计算属性。

“订单”模型

shippingFirstName: DS.attr('string'),
shippingLastName: DS.attr('string'),

模板（作为 newOrder 传入的模型）

<ul class="thing-list">
  <li class="thing first-name">
    <label class="field text" for="shippingFirstName">
      <div class="label">
        <span>First name</span>
      </div>
      {{input 
        id="shippingFirstName" 
        value=newOrder.shippingFirstName 
        placeholder="......."}}
    </label>
  </li>
...

发布数据

data: {
  attributes: {
    shipping-first-name: 'sheriff',
    shipping-last-name: 'derek',
  },
  type: 'orders',
}

期望的结果

{
  shipping_to: {
    first_name: 'sheriff',
    last_name: 'derek',
  },
}

'order' 的序列化程序（我期望的工作......）

import DS from 'ember-data';

export default DS.JSONAPISerializer.extend({

  serialize(snapshot, options) {
    let json = this._super(...arguments);
    json = json.data.attributes;

    console.log(json); // shows attributes as shipping-first-name

    json.shipping_to = {
      first_name: json.shippingFirstName,
      last_name: json.shippingLastName,
    };

    delete json.shippingFirstName;
    delete json.shippingLastName;

    return json;
  },

});

但 shipping_to 属性不会出现在帖子中，其他值是破折号（JSON:API 样式）

文档很棒：https://guides.emberjs.com/v2.18.0/models/customizing-serializers 但示例不是虚线键。

当我玩弄 attrs 哈希时，我可以让事情正常工作 - 但它似乎非常武断和/或我不明白发生了什么。

import DS from 'ember-data';

export default DS.JSONAPISerializer.extend({

  serialize(snapshot, options) {
    let json = this._super(...arguments);
    json = json.data.attributes;

    console.log(json);

    json.shipping_to = {
      first_name: json.whatever_thing_not_dashed,
      last_name: json.whateverThingCamel,
    };

    delete json.whatever_thing_not_dashed;
    delete json.whateverThingCamel;

    return json;
  },

  attrs: {
    shippingFirstName: 'whatever_thing_not_dashed',
    shippingLastName: 'whateverThingCamel',
  },

});

我错过了什么？ （后端的名称不够一致，只能将骆驼改为下划线 - 而且它们的嵌套方式不同）

Answer 1

首先，由于您的后端不期望 JSONAPI 对象，您应该使用另一个序列化器，例如 JSONSerializer

https://guides.emberjs.com/v2.18.0/models/customizing-serializers/#toc_jsonserializer

这将删除键“数据”和“类型”，然后您可以使用与 Ember.String.underscore 转换蛇盒中的属性相同的钩子并添加您想要的键

http://www.emberjs.com.cn/api/classes/Ember.String.html#method_underscore

你还应该为你的模型创建一个特定的序列化器

ember g serializer <name of your model>

这样您只更改您想要的特定模型，而不是整个应用程序