angular7 模糊搜索

在 Angular 7 中，你可以使用以下方法来实现模糊搜索：

1. 使用 Angular 自带的过滤器：你可以使用内置的 `filter` 过滤器来对数组进行模糊搜索。首先，创建一个输入框用于获取搜索关键字，然后在数据列表上应用过滤器。例如：

HTML:

<input type="text" [(ngModel)]="searchKeyword">
<ul>
  <li *ngFor="let item of items | filter: searchKeyword">{{ item }}</li>
</ul>

创建一个名为 `filter` 的自定义过滤器：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'filter'
})
export class FilterPipe implements PipeTransform {
  transform(items: any[], keyword: string): any[] {
    if (!items || !keyword) {
      return items;
    }
    return items.filter(item => item.toLowerCase().includes(keyword.toLowerCase()));
  }
}

2. 使用第三方库：如果你想要更高级的模糊搜索功能，你可以使用第三方库，如 `ngx-bootstrap` 或 `ng2-search-filter`。这些库提供了更多的选项和功能来实现模糊搜索。你可以根据自己的需求选择合适的库。

希望这些方法可以帮助到你实现在 Angular 7 中的模糊搜索功能！