Emberjsでフォームデータを取得する方法

Question

これは私の最初のEmber Appです。私は、各プレイヤーの名前に2つの入力フィールドがあるサインインページを作成しました。目標は、サブミットをクリックしてモデル（またはストア）にプッシュする際に、それぞれの名前をキャプチャして、別のテンプレートからそれらを取得できるようにすることです。ここで

は、フォームテンプレートです：

{{!-- templates/signin.hbs --}} 
<div class="enterNames"> 
    <h2>Player Sign In</h2> 
    <form {{action save on="submit"}} > 
    <div class="p1input"> 
     {{input type="text" valueBinding="p1name" placeholder="Player 1" cols="60" rows="1"}} 
    </div> 
    <div class="p2input"> 
     {{input type="text" valueBinding="p2name" placeholder="Player 2" cols="60" rows="1"}} 
    </div> 
    <button>Submit</button> 
    </form> 
</div> 

が、これはルート内のモデルフックを使用して行うことが何かですか？もしそうなら、そのルートはどのように見えますか？

Answer 1

あなたがテキストフィールドに値を入力するたびだから価値がp2name財産で利用できるようになりますsignin.jsコントローラでp2nameプロパティを定義し、以下のように入力ヘルパーにバインドし、

{{input type="text" value={{p2name}} placeholder="Player 2" cols="60" rows="1"}} 

ことができます。あなたはあなたが{{signCont.p2name}}を使用してテンプレートのプロパティを取得し、JSファイルthis.get('signCont.p2name')にすることができ、コントローラファイルを対応するには、以下のを使って、別のテンプレートに

signCont: Ember.inject.controller('signin') 

をこのコントローラーを注入することができます。コントローラは他の場所にないコントローラにのみ注入できます。

EDIT：emberオブジェクトのプロパティを定義するのと同じようにプロパティを定義します。あなたのためにtwiddleを作成しました。 /game URLを使用してチェックしてください。