Giter VIP home page Giter VIP logo

Comments (14)

VadimDez avatar VadimDez commented on May 24, 2024

Could you provide more details? For example the data you are trying to filter.

from ngx-filter-pipe.

dearibujar avatar dearibujar commented on May 24, 2024

I am using the filter on a array of objects, where each user is an object, there are nested objects in users.

from ngx-filter-pipe.

VadimDez avatar VadimDez commented on May 24, 2024

okay, and what is your filter ?

from ngx-filter-pipe.

dearibujar avatar dearibujar commented on May 24, 2024

Oops :S it is a string . How should i use it then on an object? I am new to angular2 sorry.

from ngx-filter-pipe.

VadimDez avatar VadimDez commented on May 24, 2024

You need to make the filter similar to the object you want to filter. For example you want to filter users by their name:

users: any[] = [{ name: 'John' }, { name: 'Jane' }, { name: 'Mario' }];

then your filter would be:

userFilter: any = { name: '' };

from ngx-filter-pipe.

dearibujar avatar dearibujar commented on May 24, 2024

Even with object i get the same error. Could you describe it a little better how it should be used. With an example where there are used more fields in *ngFor not just name, and using a table where users are shown in rows?

from ngx-filter-pipe.

VadimDez avatar VadimDez commented on May 24, 2024

That would be the same for more fields in the object

users: any[] = [{ name: 'John', age: 25 }, { name: 'Jane', age: 26 }, { name: 'Mario', age: 25 }];
userFilter: any = { name: '', age: null };

from ngx-filter-pipe.

dearibujar avatar dearibujar commented on May 24, 2024

Does that mean that i have to include in the filter object all the user object properies and set them to null? However thank you for helping

from ngx-filter-pipe.

VadimDez avatar VadimDez commented on May 24, 2024

No, what i wanted to say is - you just need to add fields that you want your array of objects to be filtered by. In that case i did an example when i would filter by name AND age. If you have more fields or nested fields you would add once that you want to filter by, just match the structure of your objects.

from ngx-filter-pipe.

dearibujar avatar dearibujar commented on May 24, 2024

No luck yet, here is my filter object userFilter:any={name :''}; and i still get EXCEPTION: Error in ./UsersComponent class UsersComponent - inline template:26:19 caused by: Cannot read property 'toLowerCase' of undefined

from ngx-filter-pipe.

VadimDez avatar VadimDez commented on May 24, 2024

@dearibujar did you try to put users and userFilter from my example ?
Otherwise, show me your data (make a mock of sensitive data if you want...) and html where you're using filterBy.

from ngx-filter-pipe.

dearibujar avatar dearibujar commented on May 24, 2024

@VadimDez I tried with your sample data also, same error. I will provide you also with a mock of my data and the html. But is it maybe the latest angular version that is causing the problem? By the way , i am using angular/cli

from ngx-filter-pipe.

dearibujar avatar dearibujar commented on May 24, 2024

I deleted your pipe and installed it from the begining, now it is working. But thank you for taking time, have a nice day.

from ngx-filter-pipe.

alexsalmon avatar alexsalmon commented on May 24, 2024

This issue is present in the examples, on the first "object.num" input.

from ngx-filter-pipe.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.