How to set nested object in model

@Zorig wrote:

Hi guys, I have some messed up situation. So i have tag model which has following fields and it’s responses from backend. Now when i try to update or create new data it gives me an error:

Cannot call set with ‘feature’ on an undefined object."

Cannot call set with ‘detail’ on an undefined object."

What i have is tag-form component and edit, new routes. So other title is fine but show field, and images fields are nested objects. I think error triggers that’s why? how can i fix it. here is model

import DS from 'ember-data';

export default DS.Model.extend({
  title: DS.attr('string'),
  show: DS.attr(),
  images: DS.attr(),
});

backend response is:

{
    "title": "Tasty",
    "images": {
        "thumb": "https://placehold.it/200/200",
        "cover": "https://placehold.it/300/500"
    },
    "show": {
       "detail": true,
       "feature": true
    }
}

edit route:

//route.js
model(param) {
  return this.store.findRecord('tag', params.id)
}

//template
{{tag-form tag=model isUpdate=true}}

new route:

//route.js
model() {
  return this.store.createRecord('tag')
}

//template
{{tag-form model=model}}

---

Now my tag-form is:

<form id="myForm" data-abide novalidate {{action "tagAction" model on='submit'}} >
  {{input value=model.title}}
  {{input value=model.images.thumb}}
  {{input value=model.images.thumb}}
  {{input value=model.show.detail}}
  {{input value=model.show.feature}}
</form>

Posts: 2

Participants: 2

Read full topic