如何在Angular中使用过滤管道的按钮值

<input type="text" [(ngModel)]="filterValue" placeholder="Enter filter value">
<button (click)="applyFilter()">Apply Filter</button>

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

@Component({
  selector: 'app-filter',
  templateUrl: './filter.component.html',
  styleUrls: ['./filter.component.css']
})
export class FilterComponent {
  filterValue: string;

  applyFilter() {
    // 在这里处理过滤逻辑，可以使用过滤管道或自定义过滤函数
    // 根据filterValue对数据进行过滤
  }
}

<app-filter></app-filter>

<div *ngFor="let item of items | filter: filterValue">
  <!-- 显示过滤后的数据 -->
</div>