angular filter ngfor

// In your component:<br /> filterargs = {title: ‘hello’};<br /> items = [{title: ‘hello world’}, {title: ‘hello kitty’}, {title: ‘foo bar’}];<br /> In your template, you can pass string, number or object to your pipe to use to filter on:</p> <p>// In your .html:<br /> <li *ngFor=”let item of items | myfilter:filterargs”></p> <p>// In your pipe:<br /> import { Pipe, PipeTransform } from ‘@angular/core’;</p> <p>@Pipe({<br /> name: ‘myfilter’,<br /> pure: false<br /> })<br /> export class MyFilterPipe implements PipeTransform {<br /> transform(items: any[], filter: Object): any {<br /> if (!items || !filter) {<br /> return items;<br /> }<br /> // filter items array, items which match and return true will be<br /> // kept, false will be filtered out<br /> return items.filter(item => item.title.indexOf(filter.title) !== -1);<br /> }<br /> }</p> <p>// Remember to register your pipe in app.module.ts;<br /> // you no longer need to register the pipes in your @Component<br /> import { MyFilterPipe } from ‘./shared/pipes/my-filter.pipe’;</p> <p>@NgModule({<br /> imports: [<br /> ..<br /> ],<br /> declarations: [<br /> MyFilterPipe,<br /> ],<br /> providers: [<br /> ..<br /> ],<br /> bootstrap: [AppComponent]<br /> })<br /> export class AppModule { }