如何使用ngModel和ngIf过滤数据

<input type="text" [(ngModel)]="filterValue" placeholder="输入过滤条件">

filterValue: string; // 组件中定义的属性，用于存储过滤条件

filteredData: any[]; // 组件中定义的属性，用于存储过滤后的数据

// 在组件中根据过滤条件对数据进行过滤
filterData() {
  this.filteredData = this.data.filter(item => item.name.includes(this.filterValue));
}

<div *ngFor="let item of filteredData">
  <p>{{ item.name }}</p>
</div>

filteredData: any[]; // 组件中定义的属性，用于存储过滤后的数据

// 在组件中根据过滤条件对数据进行过滤
filterData() {
  this.filteredData = this.data.filter(item => item.name.includes(this.filterValue));
}