はエンバーデータ提出

Question

にデータを送信しない、私は次の応答を取得：

​​

私はなぜ私がnullとして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> 

レポリンク：https://github.com/ghoshnirmalya/hub-client

Answer 1

あなたは適切にルーティングするために、あなたの.hbsからタイトルと説明を渡していません。アクションを保存した後、モデルを作成しています。 titleの場合はmodel.titleを変更し、説明を同じにします。あなたのルートにそれらを渡す：{{ save title description }}。次に、保存アクションに2つのパラメータ、例えば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'）はmodelではなくfunctionを返します。 したがって、cards/new.jsのコントローラを作成すると、既存の保存アクションを移動できます。これはうまくいくはずです。