Ember中的下拉列表；

Question

有沒有一種方法可以通過控制器訪問ember下拉列表中的選定項目？ 給我一個簡短的例子。

提前致謝！

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>

現場演示。