如何重新计算筛选数组上的ngFor？

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

@Component({
  selector: 'app-example',
  template: `
    <div *ngFor="let item of filteredItems">
      {{ item }}
    </div>
  `
})
export class ExampleComponent {
  items: string[] = ['item1', 'item2', 'item3', 'item4'];
  filteredItems: string[] = [];

  filterItems() {
    // 根据筛选条件过滤原始数组
    this.filteredItems = this.items.filter(item => item.includes('item'));
  }
}

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

@Component({
  selector: 'app-example',
  template: `
    <button (click)="filterItems()">重新计算筛选数组</button>
    <div *ngFor="let item of filteredItems">
      {{ item }}
    </div>
  `
})
export class ExampleComponent {
  items: string[] = ['item1', 'item2', 'item3', 'item4'];
  filteredItems: string[] = [];

  filterItems() {
    // 根据筛选条件过滤原始数组
    this.filteredItems = this.items.filter(item => item.includes('item'));
  }
}