Parentプロパティは、子にバインドされていません（エンバー2.8）

Question

マイコード：

signup.emblem：

= validating-form onsubmit=(action 'signUp') 
    = input-field value=username 
    span {{usernameError}} 

検証し-form.js：

submit(event) { 
    console.log(this.get('username') //undefined 
    this.sendAction('onsubmit') 
} 

signup.js：

actions: { 
    signUp() {  
     console.log(this.get('username')) // value from input 
    } 
    } 

ご覧のとおり、基本的な考え方は入力値ですvalidating-formコンポーネントで検証され、すべてがうまくいけば、何らかのコントローラアクションを呼び出すか、いくつかのプロパティを設定します。

問題は明らかに、このフォームコンポーネントは、その子コンポーネント（input-field）がコントローラであるにもかかわらず、コントローラのプロパティにバインドされていないということです。ここで何が間違っているのか教えていただけますか？

明示的にバインドする必要がある場合は、複数のプロパティを同時に使用する方法がありますか？

Answer 1

問題は、標準入力要素がusername変数に双方向でバインドされていないことです。 actionとmutヘルパーを使用すると、すぐにバインドできます。

（ハンドルバーの例がありますが、簡単に十分なエンブレムに変換することができるはずです）

<input value={{username}} onblur={{action (mut username) value='target.value'}}> 

これは言っている：のonblurイベントの

• MUT（食べました）ユーザー名
• 現在の入力と一致するtarget.value - 入力ボックスの値

あなたは他のオプションは、彼らがデータダウンアクションの現在のエンバーの考え方をフォローアップしていないとして、私は、これらを使用していませんでしたInput Helpers

あるこのtwiddle

にこの作業の証拠を見ることができます

{{input value=username}} 

これは、直接ユーザー名と双方向バインドされます。