javascript - Ember 中的下拉列表；

Question

有没有办法可以通过 Controller 访问 ember 中下拉列表中的所选项目？给我一个简短的例子。

提前致谢!

Answer 1

您可以使用 HTML <select> 创建下拉列表:

Controller :

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.