Apparently, Angular 2 will use pipes instead of filters as in Angular1 in conjunction with ng-for to filter results, although the implementation still seems to be vague, with no clear documentation.
Namely what I'm trying to achieve could be viewed from the following perspective
<div *ng-for="#item of itemsList" *ng-if="conditon(item)"></div>
How to implement so using pipes?
Best Answer
Basically, you write a pipe which you can then use in the
*ngFor
directive.In your component:
In your template, you can pass string, number or object to your pipe to use to filter on:
In your pipe:
Remember to register your pipe in
app.module.ts
; you no longer need to register the pipes in your@Component
Here's a Plunker which demos the use of a custom filter pipe and the built-in slice pipe to limit results.
Please note (as several commentators have pointed out) that there is a reason why there are no built-in filter pipes in Angular.