angular - 在 mat-card 中实现搜索和过滤

Question

在我的项目中，我有 mat-table 和 mat-card。我将通过单击按钮来导航它。而且我想在同一个组件中实现按名称搜索和按部门过滤。

<div class="row">
         <div >
        <mat-form-field class="search">
      <input matInput [(ngModel)]="search"  (keyup)="applyFilter($any($event.target).value)"
        placeholder ="Search Employees"/>
      <mat-icon matSuffix>search</mat-icon>
   </mat-form-field>
  </div>
  <span class="text">FILTER BY</span>
  <div>
      <mat-form-field  class="filter">
          <mat-select [(value)]="selection" placeholder="Department">
            <mat-option *ngFor="let department of departments" [value]="department" (click)="applyFilter($any($event.target).value)">
              {{department}}
            </mat-option>
          </mat-select>
        </mat-form-field>
  </div>
  </div>

使用此代码，我能够实现表的搜索和过滤，但不能实现 mat-card。请帮帮我。