在列表中使用 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'));
}

但是，当员工列表被渲染时（例如）：

爱丽丝 |推广| 标记 |推广| 特斯拉|推广|

然后我点击按钮来提升员工（比如员工 Mark），冒泡的 emp_id 是 Alice（总是列表中的第一个员工）（而不是 Mark），你能告诉我在哪里吗我是不是在这里出错了？

Answer 1

所以你需要将员工 id 作为操作的参数传递：

模板：

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

组件：

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