Question

导入了此过滤器

// search module
import { Ng2SearchPipeModule } from 'ng2-search-filter';

HTML代码

//search

<input class="form-control" type="text" name="search" [(ngModel)]="searchText" autocomplete="off" placeholder="search">

//Assigned filter to table

 <tr *ngFor="let bookName of NameOfBookList | filter:searchText">

任何帮助将不胜感激。

Answer 1

仅将Ng2SearchPipeModule添加到导入对我有用。添加到声明中时，我的浏览器工具出现错误，指出Ng2SearchPipeModule发生意外迁移。

@NgModule({
declarations: [
    AppComponent,
    ListComponent
],
imports: [
    BrowserModule,
    FormsModule,
    Ng2SearchPipeModule
],
providers: [],
bootstrap: [AppComponent]
})

然后在我的标记中：

<input [(ngModel)]="term">
...
<tbody *ngFor="let d of myList |filter:term">

Answer 2

您必须在PipesModule的声明和导出中包括PipeModule

import { PipesModule  } from './{your-path}';

 @NgModule({
 imports: [
 // dep modules
],
declarations: [ 
PipesModule
],
exports: [
PipesModule
]
})
export class ApplicationPipesModule {}

错误：模板解析错误：在角度7中找不到管道“过滤器”

2 个答案: