Angular材料表中的按钮实现

Question

您好我想将反应表单数据导入角度素材表，然后使用按钮调用弹出窗口或执行删除行等简单功能。我的主要问题是如何在材料表中的行中添加按钮？

Answer 1

没有什么可以阻止您在其中一行中插入按钮组件：

<mat-table #table [dataSource]="dataSource">

    <ng-container matColumnDef="myColumn">
      <mat-header-cell *matHeaderCellDef> My Column </mat-header-cell>
      <mat-cell *matCellDef="let element">
          <button mat-button>Click me!</button>
      </mat-cell>
    </ng-container>

    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
    <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>

</mat-table>

N.B。此示例取自table component的 get started 页面，用于角度材质。