aurelia 선택에서 값을 바인딩

Question

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> 

내가 값을 결합하는 시도를하지만 선택의 전체 목록을 보여주고, 내 H1에서 선택한 단지 사용자에게 보여줄 수있는 방법은?

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

Answer 1

다음 작업을 수행 할 경우

<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>