ember.js - リストで Ember コンポーネントを使用する

Question

配列で Ember コンポーネント (例: ボタン) を使用しています。

{{#each employees as |employee|}}
   {{employee.first_name}}
   {{component "button" action='promoteEmployee' emp_id=employee.id}}
{{/each}}

そして、ボタンのコンポーネント アクションは pressButton(eg) です。

pressButton: function(){
  this.sendAction('action', this.get('emp_id'));
}

ただし、従業員のリストがレンダリングされる場合(例):

アリス |昇進| マーク|宣伝| テスラ |宣伝|

ボタンをクリックして従業員 (従業員マークなど) を昇進させます。バブルアップされる emp_id はアリス (常にリストの最初の従業員のもの) (マークではありません) です。どこに行くのか教えてもらえますか?ここで間違っていますか？

Answer 1

したがって、従業員 ID をアクションのパラメーターとして渡す必要があります。

テンプレート：

{{#each employees as |employee|}}
    {{employee.first_name}}
    {{button action=(action 'promoteEmployee' employee.id)}}
{{/each}}

成分：

actions: {
  pressButton(empId){
    this.get('action')(empId);
  }
}