Aurelia repeat.for two-way binding

Question

私はAurelia Jsを新規に使用しており、repeat.forを使用しています。いくつかの値が入っている可能性があります。ここでは、テキストボックスが表示されます、問題はvalue.bindを使用して、すべてのモデル（すべてのi.companyname）に適用するテキストボックスに入力中に以前の値/新しい値（ユーザー入力）をバインドします

コード：も試してみました

<div class="row" repeat.for="i of experience_array"> 
    <input type='text' value.bind='i.companyname'/> 
    <input type='text' value.bind='i.experience'/> 
</div> 

：

<div class="row" repeat.for="i of experience_array.length"> 
    <input type='text' value.bind='$parent.experience_array[i]['companyname']'/> 
    <input type='text' value.bind='$parent.experience_array[i]['experience']'/> 
</div> 

はどのようにこの問題を解決するには？推測すると、aureliaバインディングの概念で何かが欠けている。

Answer 1

既存のオブジェクト参照（obj）を追加時のリストにプッシュしているので、基本的に同じオブジェクトを毎回追加しています。したがって、このオブジェクトを編集すると、このオブジェクトにバインドされたすべてのUIコンポーネントが更新されます。

追加をクリックすると、新しいオブジェクトを追加すると思います。会社クラスを作成し、このクラスの新しいインスタンスを同じobjではなくリストにプッシュする必要があります。

例：https://gist.run/?id=2237595bdde46cee4658cc14873050d7