我有一个输入字段，它有一个工作的keyup事件，我需要把图标变成一个按钮，这样当用户点击它时，它就会应用过滤器。

<input type="text"
 matInput
 (keyup)="applyFilterOrgReach($event.target.value, countries, 500)"
 (keydown)="$event.stopPropagation()"/>
  <i class="fas fa-search search-icon"></i>

还有我的组件.ts：

applyFilterOrgReach(filterValue: string, values: MatTableDataSource<any[]>, debounceTime: number) {
    this.organizationReachSearchParam = filterValue.trim().toLocaleLowerCase();
    setTimeout(() => {
      if (filterValue === null) {
        values.filter = '';
      } else {
        values.filter = this.organizationReachSearchParam;
      }
      this.globalRegions = this.getGlobalRegions(this.countries.filteredData);
    }, debounceTime);
  }