Angular 2-如何在使用搜索框时更新组件中的表？

<input type="text" [(ngModel)]="searchText">

export class MyComponent implements OnInit {
  searchText: string = '';

  ngOnInit() {
    // 初始化搜索框的默认值
    this.searchText = '默认搜索词';
  }
}

export class MyComponent {
  tableData: any[] = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 },
    { name: 'Bob', age: 35 }
  ];

  filteredData: any[] = [];

  filterTableData() {
    this.filteredData = this.tableData.filter(item => {
      return item.name.toLowerCase().includes(this.searchText.toLowerCase());
    });
  }
}

<table>
  <tr *ngFor="let item of filteredData">
    <td>{{ item.name }}</td>
    <td>{{ item.age }}</td>
  </tr>
</table>

<input type="text" [(ngModel)]="searchText" (input)="filterTableData()">