Ember 2でselectから現在の値を取得できません

Question

ユーザーがselectコンポーネントを変更するたびに値を取得しようとしています。しかし、値は常に 'undefined'を返します。

私はすべてのStackoverflowの質問と他のサイトを通過しましたが、成功しません。私はここで何かを逃しているように感じる。 Ember 2.8を使用しています。

マイコンポーネントテンプレート：

<div class="form-group"> 
    <label for="{{selectId}}">{{selectTitle}}</label> 
    <select name="{{selectId}}" id="{{selectId}}" class="form-control" {{action "getSelectValue" on="change" value="target.value"}}> 
     <option value="0" selected>{{selectDefault}}</option> 
     {{#each model as |choice|}} 
      <option value={{choice.id}}>{{choice.name}}</option> 
     {{/each}} 
    </select> 
</div> 

マイコンポーネントの論理：

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    tagName: '', 
    currentValue: null, 
    actions: { 
     getSelectValue(value) { 
      console.log(value); //always returns undefined 
     } 
    } 
}); 

私はこのようにそれを呼んでいる：テンプレートで

{{select-control model=model.tasks selectTitle="Task" selectDefault="Choose Task" selectId="taskSelect"}} 

私も使用しましたonchange = "{{action ...}}"構文が、アクションは呼び出されませんでした。

この時点では、私のルートやコントローラでこれを処理するロジックがありません。

ありがとうございました！ '' `コンポーネントファイル内：

Answer 1

<select name="{{selectId}}" id="{{selectId}}" class="form-control" {{action "getSelectValue" on="change" value="target.value"}}> 

<select name="{{selectId}}" id="{{selectId}}" class="form-control" onchange={{action "getSelectValue" value="target.value"}}>