将postgres json字段与余烬数据一起使用

Question

I've got a rails api that spits out a postgres field of type json called colors . I've got a series of input fields that can be changed and I'm hoping the keys on this json object can be modified when each field changes, but the binding doesn't seem to be working as expected.

The data looks like:

 "colors": { "primary_color": "#c43535", "secondary_color": "#0000FF" }

My inputs look like:

{{input type="text" class="form-control" value=model.colors.primary_color}}
{{input type="text" class="form-control" value=model.colors.secondary_color}}

This displays the correct color in the field, but when I update the field, the JSON object does not appear to be updated in the Ember Inspector.

I've tried three different transforms so far:

json.js

export default DS.Transform.extend({

  deserialize: function(serialized) {
    return JSON.parse(serialized);
  },

  serialize: function(deserialized) {
    return JSON.stringify(deserialized);
  }

});

raw.js

import DS from 'ember-data';

export default DS.Transform.extend({

  deserialize: function(serialized) {
    return serialized;
  },

  serialize: function(deserialized) {
    return deserialized;
  }

});

object.js

export default DS.Transform.extend({

  deserialize: function(serialized) {
    return Ember.isNone(serialized) ? {} : serialized;
  },

  serialize: function(deserialized) {
    return Ember.isNone(deserialized) ? {} : deserialized;
  }

});

All appear to have the same result, that updating the fields does not modify the object. How do I serialize/bind/update a json object with ember-data like this?

Answer 1

通过未在DS.attr()指定类型，它仅将原始对象传递通过，您可以在此处看到： http : //emberjs.jsbin.com/zitobi/2/edit

Answer 2

In this case, I think. Serialize, means to make the object into a regular JSON object and deserialize, means to make it into a Ember object.

App.PrimaryColorTransform = DS.Transform.extend({
  serialize: function(value) {
    return value.get('primary_color');
  },
  deserialize: function(value) {
    return Ember.create({ primary_color: value[0]});
  }
});

App.Color = DS.Model.extend({
  primary_color: DS.attr('primaryColor'),

});

http://emberjs.com/guides/models/the-rest-adapter/#toc_creating-custom-transformations