Ember的下拉列表;

时间:2017-07-08 02:08:46

标签: javascript jquery ember.js

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

提前致谢!

1 个答案:

答案 0 :(得分: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.