为angular2的每一行*ng2调用函数

我必须显示一个表，为表的每一行调用一个函数，为一行调用一次函数

<tr *ngFor="let item of mf.data"  >
          <td >
            <button (click)="remove(item)" class="btn btn-danger">x</button>
          </td>
          <td>{{item.name}}</td>
          <td>{{item.email}}</td>
          <td class="text-right">{{item.age}}</td>
          <td>{{item.city | uppercase}}</td>
        </tr>

x
{{item.name}
{{item.email}
{{item.age}
{{item.city}大写}

---

请建议如何实现此功能？？？

您可以添加指令

@Directive({ selector: '[invoke]'})
class InvokeDirective {
  @Output() invoke:EventEmitter = new EventEmitter();
  ngAfterContentInit() {
    this.invoke.emit(null);
  }
}

以及如何使用它

<tr *ngFor="let item of mf.data" (invoke)="myFunction(item)" >

您希望发生的事情上述代码看起来是正确的，您得到的错误是什么？我想为*ngfor*的每一行调用一个函数，angular@Gunter是否提供了内置功能？我不这么认为。请您解释一下我将如何与我的组件集成？？我是第二个被剪掉的代码的新手

myFunction（…）

是组件中的一种方法，当

*ngFor

添加

时会调用它。我添加了指令和函数，但它不起作用