filter.trim не является функцией

Question

Эта ошибка возникает во время выполнения фильтра:

ERROR TypeError: filter.trim is not a function

Сам фильтр работает, просто хочу как-то избавиться от этой ошибки.

applyFilter() {
  let searchFilter: any = {
    filterValue: this.search,
  };
  this.dataSource.filter = searchFilter;
  this.load()
}

html:

<div fxFlex="50">
  <mat-form-field class="full-width">
    <input matInput [(ngModel)]="search" placeholder="Filter" (keyup.enter)="applyFilter()">
    <button mat-mini-fab matSuffix color="primary" class="btn" (click)="applyFilter()" matTooltip="Filter">
      <mat-icon>search</mat-icon>
    </button>
</div>

Answer 1

Согласно документации таблицы матов фильтр должен быть строковым значением, а вы передаете и объект. Так что вы применяете фильтр должен быть

applyFilter() {
    this.dataSource.filter =this.search ? this.search.trim().toLowerCase() : '';
  }

рабочая демонстрация