Как иметь возможность применить фильтр к моей таблице данных, которая также заглядывает внутрь объекта для фильтрации данных

Question

Я пытаюсь отфильтровать массив с объектами, в настоящее время TaskTeam не фильтрует, потому что он только смотрит на tTaskName и не идет на TeamName.

 <MainGridDto>
    <tTaskTeam>
    <TeamName>GLS - rest of GE Businesses</TeamName>
    <pk_TaskTeam>17</pk_TaskTeam>
    </tTaskTeam>
    </MainGridDto>

<mat-form-field appearance="outline" >
        <input matInput (keyup)="applyFilter($event.target.value)" [(ngModel)]="value"  placeholder="Search Filter By Name, or Owner"> 
        <button mat-button matSuffix mat-icon-button aria-label="Clear" (click)="applyFilter(''); value=''">
          <mat-icon>close</mat-icon>
        </button>
        </mat-form-field>

Вот как я получаю свои данные:

 getTaskService(){
    this.service.getAllMainGrid().subscribe((data) => {

  this.isLoading = false;
   this.dataSource = new MatTableDataSource <AllMainGridInterface> (data as AllMainGridInterface[]);
   this.dataSource.paginator = this.paginator;
   this.dataSource.sort = this.sort;

 }, error => this.isLoading = false);
  }

Здесь применяется пользовательский ввод, который применяет фильтр для фильтрации данных.

 applyFilter(filterValue: string) {
    filterValue = filterValue.trim();  
    filterValue = filterValue.toLowerCase(); 
    this.dataSource.filter = filterValue;
  }