1. 在你的项目中引入 Angular Material

2. 在 HTML 中添加 mat-select 组件作为下拉列表

  Filter By
  
    Position
    Name
    Age
  

3. 在组件文件的 ngOnInit 方法中订阅表格数据

ngOnInit() {
  this.dataSource = new MatTableDataSource(this.players);
  this.dataSource.paginator = this.paginator;
  this.dataSource.sort = this.sort;
  this.dataSource.filterPredicate = (data: Player, filter: string) => {
    const searchData = (data[this.selectedValue] || '').trim().toLowerCase();
    return searchData.indexOf(filter) !== -1;
  };
}

4. 在修改下拉列表值的方法中，重新执行过滤操作

onFilterChange() {
  this.dataSource.filter = this.filterValue.trim().toLowerCase();
}

5. 在模板中使用表格和过滤器

  
    Position
    {{ player.position }}
  

  
    Name
    {{ player.name }}
  

  
    Age
    {{ player.age }}
  

  
  

完整的代码示例可以参考：https://stackblitz.com/edit/angular-qyr9