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

* ngFor angular2的每一行的调用函数

1 个答案: