角度动态创建表元素并绑定到函数

<table>
  <tr *ngFor="let item of items">
    <td>
      <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>
    </td>
  </tr>
</table>

<ng-template #itemTemplate let-item>
  <button (click)="onClick(item)">{{ item }}</button>
</ng-template>

import { Component } from '@angular/core';

@Component({
  selector: 'app-dynamic-table',
  templateUrl: './dynamic-table.component.html',
  styleUrls: ['./dynamic-table.component.css']
})
export class DynamicTableComponent {
  items: string[] = ['Item 1', 'Item 2', 'Item 3'];

  onClick(item: string) {
    console.log('Clicked item:', item);
  }
}