如何绑定选择的值?

时间:2017-11-14 11:50:41

标签: aurelia aurelia-binding

如何绑定用aurelia选择的值? 我有这个选择:

<select id="user" class="form-control" value.bind="filters[0].value" change.delegate="userDropdownChanged(filters[0].value)">
  <option repeat.for="user of users" model.bind="user.uuid">${user.name}</option>
</select>

我尝试绑定值,但它显示了select的整个列表,它是一种只显示我在h1中选择的用户的方法吗?

<h1 repeat.for="user of users" model.bind="user.uuid">${user.name} </h1>

1 个答案:

答案 0 :(得分:3)

如果您执行以下操作:

<select value.bind="selectedUser">
  <option repeat.for="user of users" model.bind="user.uuid">${user.name}</option>
</select>

<select>中选择的值将绑定到名为selectedUser的视图模型中的变量。

然后您可以将其绑定到<h1>,如下所示:

<h1>${selectedUser.name}</h1>