angular - angular 6で選択されたマットオートコンプリート値に基づく検索テーブル

Question

ページに 2 つの mat-autocomplete ビューがあります。このために、この角材の例を使用しています。 https://stackblitz.com/angular/lnnnrgqxjmd?file=app%2Fautocomplete-overview-example.ts この同じ例を使用しています。同じページに、APIからフェッチした後にデータを表示しているtable.forがあります。

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

              </table>

1 つのオートコンプリート ビューで、すべての名前を入力しています。2 番目のオートコンプリート ビューでは、すべてのステータスを入力しています。

オートコンプリートから選択した名前とステータスに基づいて、このテーブルを検索したいと考えています。

誰でもこれを行う方法を教えてください。