Ember данных не отправляет данные на отправить

Question

Когда я отправкой формы, я получаю следующий ответ:

{"data":{"attributes":{"title":null,"description":null},"type":"cards"}}

Я не знаю, почему я получаю title и description как нуль.

routes/cards/new.js:

actions: { 
    save() { 
    const newCard = this.get('store').createRecord('card', this.get('model')); 
    newCard.save().then((card) => { 
     this.transitionTo('cards.all'); 
    }); 
    }, 
    cancel() { 
    this.transitionTo('cards'); 
    } 
} 

templates/cards/new.hbs:

<form> 
    <div> 
    <label>Title:</label> 
    {{input type="text" value=model.title}} 
    </div> 
    <div> 
    <label>Body:</label> 
    {{textarea rows="5" value=model.description}} 
    </div> 
    <div> 
    <button {{action 'save'}}>Speichern</button> 
    <button {{action 'cancel'}}>Abbrechen</button> 
    </div> 
</form> 

Repo ссылка: https://github.com/ghoshnirmalya/hub-client

Answer 1

Вы не передавая название и описание от вашего .hbs на маршрут правильно. Вы создаете модель после запуска сохранения действия. Измените model.title на title и сделайте то же самое для описания. Передайте их до вашего маршрута: {{ save title description }}. Затем определите два параметра в вашем действии сохранения, например: save(title, description). Я уверен, что вы можете выяснить остальное.

Answer 2

Вот что я обычно делаю в моих маршрутах:

setupController(controller /*, model */) { 
    this._super(...arguments); 
    Ember.set(controller, 'newCard', {}); //newCard is an empty object 
}, 
actions: { 
    save(newCard) { 
     Ember.assert('Model is missing or undefined', newCard); 
     let newCard = this.store.createRecord('card', newCard); 
     newCard.save().then((/* response */) => { 
      this.transitionTo('cards.all'); 
     }, (error) => { 
      //handle error 
     }); 
    } 
} 

И в шаблоне вы могли бы сделать что-то вроде этого:

<form id="save" {{action "save" newCard on="submit"}}> 
    {{input name="title" id="title" value=newCard.title type="text"}} 
    <button class="button" type="submit">Save</button> 
</form> 

Надеется, что это помогает. Джефф

Answer 3

В комментарии вы упомянули

делает console.log (this.get ('модель')) просто печатает функцию модели

Это ответ на ваш вопрос !. так как в пути у вас может быть функция крючка модели. поэтому this.get ('model') вернет функцию вместо модели. Итак, создайте контроллер для карт/new.js, и вы можете перемещать существующие действия сохранения. это должно сработать.