Aurelia repeat.for双向绑定

时间:2016-08-02 17:00:55

标签: aurelia aurelia-binding aurelia-router aurelia-validation

我是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绑定概念。

1 个答案:

答案 0 :(得分:2)

您正在将现有对象引用(obj)推送到添加的列表中,因此您基本上每次都添加相同的对象。因此,当您编辑此对象时,它将更新绑定到此对象的所有ui组件。

当你点击添加时,我猜你想要添加一个新对象。您应该创建一个公司类,并将此类的新实例推送到列表而不是相同的对象。

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