在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);
});
其余的属性,即。文本输入,加载时显示正常。并且相同的视图在此表之外有常规选择,并且它们在加载时都正确绑定(即,根据以编程方式设置的值显示正确的选择选项)。
答案 0 :(得分:1)
item.controlId
是一个数字吗?如果是这样,可能发生的是使用===
与选项元素的字符串值进行比较的数值。您需要确保选项值为数字:
而不是<option value="1">
使用<option model.bind="1">