如何使用angular 2过滤器对表中多列进行过滤

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  data = [
    { name: 'John', age: 25, city: 'New York' },
    { name: 'Alice', age: 30, city: 'London' },
    { name: 'Bob', age: 35, city: 'Paris' }
  ];

  filteredData = [];

  filterData(name: string, age: number, city: string) {
    this.filteredData = this.data.filter(item => {
      return item.name.toLowerCase().includes(name.toLowerCase()) &&
             item.age >= age &&
             item.city.toLowerCase().includes(city.toLowerCase());
    });
  }
}

<!-- app.component.html -->
<input type="text" [(ngModel)]="filterName" placeholder="Name">
<input type="number" [(ngModel)]="filterAge" placeholder="Age">
<input type="text" [(ngModel)]="filterCity" placeholder="City">

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of filteredData">
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
      <td>{{ item.city }}</td>
    </tr>
  </tbody>
</table>