функция вызова для каждой строки * ngFor angular2

Question

Мне нужно отобразить таблицу и вызвать функцию для каждой строки таблицы и функцию, вызываемую один раз для строки.

<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> 

Просьба предложить, как реализовать эту функциональность?

Answer 1

Вы можете добавить директиву

@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)" >