绑定从激活时未绑定的数组中选择表格行内部

时间:2015-12-13 03:39:34

标签: javascript aurelia aurelia-binding

在Aurelia(最新的测试版)中,是否有人尝试将行绑定到数组的表中的select元素绑定?我不认为它适用于初始加载(activate()事件)。

以下是示例代码:

<tbody>
    <tr repeat.for="item of variations">
        <td>
            <input type="text" class="form-control input-sm" value.bind="item.name" />
        </td>
        <td>
            <select class="form-control input-sm" value.bind="item.controlId">
                <option>Select...</option>
                <option value="1">DropdownList</option>
                <option value="2">RadioList</option>
                <option value="3">Checkboxes</option>
            </select>
        </td>
    </tr>
</tbody>

在viewmodel中,变量列表在activate()事件中构建如下:

this.variations.forEach(v => {
        let variation = new Variation();

        variation.value = v.value;
        variation.text = v.text;
        variation.control = v.displayType;

        self.variations.push(variation);
});

其余的属性,即。文本输入,加载时显示正常。并且相同的视图在此表之外有常规选择,并且它们在加载时都正确绑定(即,根据以编程方式设置的值显示正确的选择选项)。

1 个答案:

答案 0 :(得分:1)

item.controlId是一个数字吗?如果是这样,可能发生的是使用===与选项元素的字符串值进行比较的数值。您需要确保选项值为数字:

而不是<option value="1">使用<option model.bind="1">