ng2-search-filter 在 ionic 4 中出现错误

Question

我正在尝试在我的 ionic 应用程序中实现搜索功能。

我使用以下方法安装了 ng2-search-filter：

   npm i ng2-search-filter --save

我在页面模块文件中添加了它：

  import { Ng2SearchPipeModule } from "ng2-search-filter";

  @NgModule({
     imports: [
       CommonModule,
       FormsModule,
       IonicModule,
       ServiziPageRoutingModule,
       ComponentsModule,
       Ng2SearchPipeModule,
      ]

我在页面 app-fornitservizi 中添加了一个组件，当我在我的组件中使用代码时：

<ion-item
*ngFor="let item of data| filter: searchQuery.value"
lines="none"
 >

我收到错误消息：

错误错误：未捕获（承诺）：错误：找不到管道 'filter'！

我无法弄清楚问题出在哪里。我想知道当组件在页面中时如何在组件中使用管道。如果有人知道，请告诉我。谢谢

Answer 1

而不是 page.module.ts 文件导入 ng2-search-filter 到 components.module.ts 就可以了。在您的 components.module.ts 文件中添加以下代码：

首先导入 Ng2SearchPipeModule:

import { Ng2SearchPipeModule } from "ng2-search-filter";

第二次添加 Ng2SearchPipeModule 到 NgModule 中的导入：

@NgModule({
   imports: [
     Ng2SearchPipeModule,
   ]

ng2-search-filter 在 ionic 4 中出现错误

ng2-search-filter is giving error in ionic 4

angular

ionic4