title: Filter data of mat-table on selectionChange mat-select (cascaded filtering)
body: <p>i have a mat-table which currently filters data on input.
  i have a mat-select that have only 2 options : active and inactive.</p>
  
  <p>// html code for mat-select where status1 has 2 values : active &amp; inactive</p>
  
  <pre><code>  &lt;div style="width: 100%;"&gt;
    &lt;div fxLayout="row" fxLayoutAlign="end center" style="padding: 15px 15px 
     0px 15px;"&gt;
     &lt;mat-form-field&gt;
      &lt;mat-select placeholder="Select Status" 
      (selectionChange)="onselect($event)"&gt;
          &lt;mat-option *ngFor="let item of status1" [value]="item.display"&gt; 
     {{item.display}}&lt;/mat-option&gt;
  
      &lt;/mat-select&gt;
     &lt;/mat-form-field&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  
     // ts code
    status1: Status[] = [
    { value: '0', display: 'Active' },
    { value: '1', display: 'Inactive' }
    ];
  
  
   onselect(item: any) {
    this.accounts = this.jsonCustomerList.Accounts;
     this.dataSource.filter = item.trim().toLowerCase();
    }
  
    // object
  
       [ 
         {"AccountName": "range1",
        "State": "",
          "Zip": "",
          "Country": "",
          "IsDeleted": false},
            {"AccountName": "local1",
            "State": "",
          "Zip": "",
          "Country": "",
          "IsDeleted": true}
          ]
  </code></pre>
  
  <p>if i select active , mat-table should display only those records for IsDeleted : true. and vice versa for inactive ie. records with IsDeleted : false.</p>
  
  <p>expecting ts code.</p>