Emberのコンポーネント内からプロパティ値を変更する

Question

コンポーネント内からコンポーネントプロパティを動的に編集する方法を知りたいと思います。コードは、私がしようとしていることをもう少し明確にするのに役立ちます。

テンプレート/ boards.hbs

<div> 
    {{board-component title='Title that wants to be dynamic'}} 
</div> 

コンポーネント/ボード-component.hbs

{{#if isEditing}} 

    <div> 
    <input type="text" value={{title}}> 
    </div> 

{{else}} 

    <div> 
    {{title}} 
    </div> 

{{/if}} 

は私が右の標準的な動作は、入力中に私が指定した値を持っているだろうと言うのように反映アム私はテンプレートの値を宣言したという事実により、この宣言された値に戻りますか？

どうすればこの問題を回避できますか？

Answer 1

<input type="text" value={{title}}> 

つまり、board-component titleプロパティはboards.hbsから値を取得します。最初は、これが入力に表示されます。入力値を変更してもコンポーネントのプロパティに反映されません（title）。

しかし、あなたは以下のように入力ヘルパーを使用した場合、

{{input type="text" value=title}} 

これは、入力値とタイトルプロパティ間の結合2つの方法です。したがって、コンポーネントに反映される入力から値を変更するときはいつでも。

質問に答えて、入力ヘルパーを使用してください。

{{input type="text" value=title}}