Maj*_*man 0 angular-template angular-filters angular angular7
导入此过滤器
// search module
import { Ng2SearchPipeModule } from 'ng2-search-filter';
Run Code Online (Sandbox Code Playgroud)
它的 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">
Run Code Online (Sandbox Code Playgroud)
任何帮助,将不胜感激。
仅添加Ng2SearchPipeModule到导入对我有用。添加到声明时,我的浏览器工具中出现错误,指出Ng2SearchPipeModule.
@NgModule({
declarations: [
AppComponent,
ListComponent
],
imports: [
BrowserModule,
FormsModule,
Ng2SearchPipeModule
],
providers: [],
bootstrap: [AppComponent]
})
Run Code Online (Sandbox Code Playgroud)
然后在我的标记中:
<input [(ngModel)]="term">
...
<tbody *ngFor="let d of myList |filter:term">
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
6930 次 |
| 最近记录: |