2017-11-14 6 views
0

aureliaで選択した値をバインドする方法はありますか? 私はこの選択怒鳴るあります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> 

答えて

2

あなたは次の操作を行う場合は、次の

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

あなた<select>で選択した値をselectedUserと呼ばれるあなたのviewmodel内の変数にバインドされます。

あなたはそのようにのようなあなたの<h1>にそれをバインドすることができます。

<h1>${selectedUser.name}</h1> 
関連する問題