title: How to filter the listing rows using checkbox values in angular?
body: <p>html(I have Filter button with options in order to the listing rows. )</p>
  
  <pre><code> &lt;button mat-raised-button [matMenuTriggerFor]="filter"&gt;Filter&lt;/button&gt;
      &lt;mat-menu #filter="matMenu" yPosition="below" xPosition="before"&gt;
          &lt;ng-template matMenuContent&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-6"&gt;
                          &lt;section class="example-section" (click)="$event.stopPropagation();"&gt;
                              &lt;mat-checkbox (click)=" checkBoxFilter($event.target.value)"class="example-margin" &gt;Active&lt;/mat-checkbox&gt;
                              &lt;mat-checkbox (click)=" checkBoxFilter($event.target.value)"class="example-margin" &gt;Expired&lt;/mat-checkbox&gt;
                              &lt;mat-checkbox (click)=" checkBoxFilter($event.target.value)"class="example-margin" &gt;Grace&lt;/mat-checkbox&gt;
                              &lt;mat-checkbox (click)=" checkBoxFilter($event.target.value)"class="example-margin" &gt;Trial&lt;/mat-checkbox&gt;
                              &lt;mat-checkbox (click)=" checkBoxFilter($event.target.value)"class="example-margin" &gt;Invited&lt;/mat-checkbox&gt;
                              &lt;mat-checkbox (click)=" checkBoxFilter($event.target.value)"class="example-margin" &gt;InActive&lt;/mat-checkbox&gt;
                              &lt;mat-checkbox (click)=" checkBoxFilter($event.target.value)"class="example-margin" &gt;A-Z&lt;/mat-checkbox&gt;
                              &lt;mat-checkbox (click)=" checkBoxFilter($event.target.value)"class="example-margin" &gt;Expiry Date&lt;/mat-checkbox&gt;
                          &lt;/section&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
          &lt;/ng-template&gt;
      &lt;/mat-menu&gt;
  </code></pre>
  
  <p>component.ts(how to filter the value using this method??)</p>
  
  <pre><code>checkBoxFilter(event){
  
   }
  </code></pre>