Emberのドロップダウンリスト。

Question

コントローラ経由でドロップダウンリストで選択したアイテムにアクセスできる方法はありますか？私に短い例を教えてください。

ありがとうございます！

Answer 1

あなたがHTML <select>を使用して、ドロップダウンリストを作成することができます。

コントローラー：

import Ember from 'ember'; 

export default Ember.Controller.extend({ 
    options: ['red', 'green', 'blue'], 

    selectedColor: null 
}); 

テンプレート：

Pick your favourite color: 

<br/> 

<select onchange={{action (mut selectedColor) value='target.value'}}> 
{{#each options as |option|}} 
    <option value={{option}}>{{option}}</option> 
{{/each}} 
</select> 

<br/><br/> 

Your favourite color is: <b>{{selectedColor}}</b> 

Live demo.