Pipe to filter array of objects

Asked Sep 18 '17 at 05:14

Active Sep 18 '17 at 05:49

Viewed 112 times

Say I have the data as shown below:

[
    { id: '1', plate: 'plate1', time: 20 },
    { id: '1', plate: 'plate2', time: 30 },
    { id: '1', plate: 'plate3', time: 30 },
    { id: '2', plate: 'plate4', time: 30 },
    { id: '2', plate: 'plate5', time: 30 },
    { id: '2', plate: 'plate6', time: 30 }
]

I want to filter my data using a custom pipe. But the filter should be not limit to a certain field. It should be dynamic. Say, if I entered "1" in my search box all that has a 1 value should be shown. Say I entered "plate" all that has a plate value will be shown. And say I entered "PLATE1" only 1 entry will be shown.

I know that it's possible, but the question is how to do it in Angular.

edited Sep 18 '17 at 05:49

asked Sep 18 '17 at 05:14

user1120260

3

pipes are not meant to be used as filters – Rahul Singh Sep 18 '17 at 05:18
so what can you suggest then? – user1120260 Sep 18 '17 at 05:20
1

Instead of creating pipes you can use array.filter binded to change event of the textbox. – Sreemat Sep 18 '17 at 05:20
@Sreemat is correct – Rahul Singh Sep 18 '17 at 05:20
that sounds ok. But what would be the filter looks like? – user1120260 Sep 18 '17 at 05:25
1

Nothing of this has anything to do with TypeScript. TypeScript is just a typing layer on top of JavaScript. – Sep 18 '17 at 05:48
Check this out: https://blogs.msmvps.com/deborahk/filtering-in-angular/ – DeborahK Sep 18 '17 at 06:28

Pipe to filter array of objects

0 Answers0