Ember - 如何将选定的选项值作为参数传递给动作处理程序

Question

我是新来的余烬.任何人都可以帮助我如何将选定的值作为参数传递给动作处理程序'onSelectEntityType'.我尝试了以下内容,我能够触发操作.

<select class="form-control" id="entityType" {{action 'onSelectEntityType' on='change'}} >
    <option value="">Select</option>
    {{#each model as |entityType|}}
    <option value="{{entityType.id}}">{{entityType.entityTypeName}}</option>
    {{/each}}
</select>

组件js文件

import Ember from 'ember';

export default Ember.Component.extend({
    actions: {
      onSelectEntityType(value) {
         console.log(value)
      }
    }
});

Answer 1

如果您使用的是Ember 1.13.3或更高版本,则可以执行以下操作:

<select class="form-control" id="entityType" onchange={{action 'onSelectEntityType' value="target.value"}} >
  <option value="">Select</option>
  {{#each model as |entityType|}}
    <option value="{{entityType.id}}">{{entityType.entityTypeName}}</option>
  {{/each}}
</select>

有关比我能提供的更好的解释,请参阅:http://balinterdi.com/2015/08/29/how-to-do-a-select-dropdown-in-ember-20.html