Angular2 filter an array of objects based on an array of strings

Question

I have an array of Users in where every user has a name (user.name):

let users = Array<User>();

Imagine I have this array of strings I want to filter users array based on the next array of strings:

let filterargs = ['Lau', 'Za'];

This is my markup:

<li *ngFor="let user of usersList | filter: filterargs; let i = index;">

This is my pipe filter but it isn't working:

import {Pipe, Injectable, PipeTransform} from "@angular/core";

@Pipe({name: 'filter', pure: false})
@Injectable()
export class FilterPipe implements PipeTransform {

    transform(items: any[], args: any[]): any {
        // filter items array, items which match and return true will be kept, false will be filtered out
        return items.filter(item => item.name.toLowerCase().indexOf(args[0].name.toLowerCase()) !== -1);
    }
}

You should use args[0].toLowerCase() instead of args[0].name.toLowerCase() — Harry Ninh
– Harry Ninh, Commented Aug 27, 2016 at 2:57

Bhushan Gadekar · Accepted Answer · 2016-08-27 05:09:46Z

6

I think your filter function is not correct. try doing :

return items.filter(item => item.name.toLowerCase().indexOf(args[0].toLowerCase()) !== -1);

Hope this Helps.

answered Aug 27, 2016 at 5:09

Bhushan Gadekar

13.8k21 gold badges89 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohammed · Accepted Answer · 2017-02-17 11:52:06Z

0

Maybe this will help you:

return items.filter(item => item[0].name.toLowerCase().indexOf(args[0].toLowerCase()) !== -1);

I had a similar issue with objects in an array, by adding the [0], it worked for me.

answered Feb 17, 2017 at 11:52

Mohammed

4572 gold badges8 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular2 filter an array of objects based on an array of strings

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related