在selectionChange mat-select上过滤mat-table数据(级联过滤)

<mat-form-field>
  <mat-label>选择条件</mat-label>
  <mat-select (selectionChange)="filterData($event.value)">
    <mat-option *ngFor="let option of filterOptions" [value]="option.value">
      {{ option.label }}
    </mat-option>
  </mat-select>
</mat-form-field>

filterOptions = [
  { label: '条件1', value: 'option1' },
  { label: '条件2', value: 'option2' },
  { label: '条件3', value: 'option3' }
];

filterData(selectedValue: string) {
  // 根据选择的条件过滤表格数据
  this.filteredData = this.tableData.filter(item => item.condition === selectedValue);
}

<table mat-table [dataSource]="filteredData">
  <!-- 表格列定义 -->
  <ng-container matColumnDef="column1">
    <th mat-header-cell *matHeaderCellDef>列1</th>
    <td mat-cell *matCellDef="let item">{{ item.column1 }}</td>
  </ng-container>
  <!-- 其他列定义 -->
  ...
  <!-- 表格行定义 -->
  <tr mat-row *matRowDef="let item; columns: displayedColumns;"></tr>
</table>