Angular 6:在表格中直接搜索，不按enter键

<input type="text" [(ngModel)]="searchKeyword" (input)="searchTable()" placeholder="Search">

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of filteredData">
      <td>{{ item.column1 }}</td>
      <td>{{ item.column2 }}</td>
      <td>{{ item.column3 }}</td>
    </tr>
  </tbody>
</table>

import { Component } from '@angular/core';

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent {
  data = [
    { column1: 'Value 1', column2: 'Value 2', column3: 'Value 3' },
    // more data...
  ];
  filteredData = this.data;
  searchKeyword = '';

  searchTable() {
    this.filteredData = this.data.filter(item =>
      item.column1.includes(this.searchKeyword) ||
      item.column2.includes(this.searchKeyword) ||
      item.column3.includes(this.searchKeyword)
    );
  }
}