如何使用Angular Material复选框过滤我的数据源？

npm install @angular/material @angular/cdk

import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatInputModule } from '@angular/material/input';
import { MatFormFieldModule } from '@angular/material/form-field';

<mat-checkbox [(ngModel)]="isChecked">只显示已选中的数据</mat-checkbox>
<mat-form-field>
  <input matInput [(ngModel)]="filterText" placeholder="过滤关键字">
</mat-form-field>

filteredData: any[];

filterData() {
  if (this.isChecked) {
    this.filteredData = this.dataSource.filter(item => item.name.includes(this.filterText) && item.checked);
  } else {
    this.filteredData = this.dataSource.filter(item => item.name.includes(this.filterText));
  }
}

<mat-checkbox [(ngModel)]="isChecked" (ngModelChange)="filterData()">只显示已选中的数据</mat-checkbox>
<mat-form-field>
  <input matInput [(ngModel)]="filterText" (ngModelChange)="filterData()" placeholder="过滤关键字">
</mat-form-field>