新しいEmberコンポーネントの入力ヘルパーのベストプラクティス

Question

現在、Emberの新しいデータダウン、コンポーネントのアクションアップパラダイムについて学習しています。しかし、hereで説明したように、子コンポーネントがプロパティを明示的に変更できるようにしたい場合があります。これは、mutヘルパーが入る場所です。渡された値のラッパーを作成し、（readonly？）値とそれを更新する関数を含みます。このページの例は、カウンタをインクリメントする簡単なボタンの例です。

コンポーネント内で入力ヘルパーを使用している場合、このコンセプトはどのように機能しますか？たとえば、のは、私は特別な形の部品の束で構成されてフォームを作成していましょう：

// templates/index.hbs 
<form> 
    {{form-control value=(mut model.firstValue)}} 
    {{form-control value=(mut model.secondValue)}} 
</form> 

フォームコントロールコンポーネントだけで入力コントロールをラップするタスクを持っている場合、どのように我々が使用します渡されたmutオブジェクトは正しくですか？それは何かのようなものですか？

// templates/components/form-control.hbs 
{{input type="text" value=attrs.value.value input=attrs.value.update}} 

ここで私の考え：入力要素の値は、MUTオブジェクトの値に設定され、オブジェクトは、入力値が変更（HTML5入力イベント）MUTの更新方法である時はいつでもモデルプロパティを新しい値に設定するために呼び出されます。私の思考には何か問題があるようですが、これはうまくいきません。今これを行う「標準的な」方法は何ですか？私はEmber 1.13.8を使用しています。

Answer 1

古典的なコンポーネント（光沢のあるコンポーネントとは対照的に）では、すべてのバインディングが変更可能ですので、通常はmutヘルパーを使用する必要はありません。以下では正常に動作する必要があります：

// templates/index.hbs 
<form> 
    {{form-control value=model.firstValue}} 
    {{form-control value=model.secondValue}} 
</form> 

// templates/components/form-control.hbs 
{{input type="text" value=value}} 

mutヘルパーの両方のとattrsの使用目的は、現在Ember.js'安定版リリースでリリースされていないアングルブラケットコンポーネントと呼ばれるかすかなコンポーネントのためのものです。