<input type="text" [(ngModel)]="filterName" name="name" placeholder="name">
<input type="text" [(ngModel)]="filterSurname" name="surname" placeholder="surname">

<tr *ngFor="let user of (users | filter: ['name', filterName] | filter: ['surname', filterSurname])">

////// PIPE ////////

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'filter'
})
export class FilterPipe implements PipeTransform {

  transform(users: any, args:any[]): any {
    let property = args[0];
    let value = args[1];

    // check if search value is undefined
    if (value === undefined) {
        return users;
    }
    // return updated users array
    return users.filter(user => user[property].toLowerCase().includes(value.toLowerCase()));
  }