title: drop down list with a button
body: <p>In fact, I have a dropdown that filters records on an HTML table without a button.</p>
  <p>The filter works perfectly without the button.</p>
  <pre><code>public selectedBrand: any;
  public onChangeType(type: any) {
      this.selectedBrand = type;
      this.filteredCustomer = this.customerTransferts.filter(
          (item) =&gt; item.type === this.selectedBrand
      );
  }
  </code></pre>
  <p>HTML</p>
  <pre><code>&lt;select class=&quot;form-select&quot; style=&quot;max-width: 100px&quot; [ngModel]=&quot;selectedBrand&quot; (ngModelChange)=&quot;onChangeType($event)&quot;&gt;
      &lt;option [value]=&quot;'IN'&quot;&gt;IN&lt;/option&gt;
      &lt;option [value]=&quot;'OUT'&quot;&gt;OUT&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>I just want to know how can I filter my records with a confirmation button please?</p>
  <p>I think I just have to modify the HTML code?</p>
  <p>I tried this but nothing works.... The filter no longer works with the confirmation button.</p>
  <pre><code>&lt;select class=&quot;form-select&quot; style=&quot;max-width: 100px&quot; [ngModel]=&quot;selectedBrand&quot;&gt;
     &lt;option [value]=&quot;'IN'&quot;&gt;IN&lt;/option&gt;
     &lt;option [value]=&quot;'OUT'&quot;&gt;OUT&lt;/option&gt;
  &lt;/select&gt;
  &lt;button type=&quot;button&quot; (click)=&quot;onChangeType($event)&quot; class=&quot;btn btn-primary&quot;&gt;Confirm&lt;/button&gt;
  </code></pre>