angular - 基于角度 6 中选定的 mat-autocomplete 值的搜索表

Question

我的页面中有两个 mat-autocomplete 视图。为此，我正在使用这个有角度的材料示例。 https://stackblitz.com/angular/lnnnrgqxjmd?file=app%2Fautocomplete-overview-example.ts 我正在使用这个相同的例子。在同一页面中，我有一个 table.for，我在从 API 获取数据后显示数据。

<table>
                <tbody>
                    <tr *ngFor="let data of reportData>
                    <td>{{data.name}}</td>
                    <td>{{data.idNumber}}</td>
                    <td>{{data.status}}</td>
                  </tr>
                </tbody>

              </table>

在一个自动完成视图中，我正在填充所有名称。在第二个自动完成视图中，我正在填充所有状态。

我想根据从自动完成中选择的名称和状态来搜索这个表。

谁能帮助我如何做到这一点。