89. Creating Filter Pipe in the Angular. Filter the list of data with search string in Angular.

Hi Friends
In this video, we will see how to create the filter pipe in the angular. FIltering the list of data with the search string in Angular.
If you like my video, please subscribe to my channel.
UA-cam Page: / leelawebdev
Facebook Page: / leelawebdev
Twitter Page: / leelanarsimha
Linkedin: / leela-narasimha-reddy-...
GitHub: github.com/lee...
#Angular #leelawebdev

[@sushilingole8448]

Just a suggestion:-
Instead of using- user['name'] === filterString
We can use- user['name'].includes(filterString)
It will give all results as the typed character matches instead of writing full name which have a match exist.

[@mohammedmoin7888]

any solutions for the how we can search in assending-order of the of the characters

[@SyedMuhammadHafi]

thanks mentor

[@ThiagoLucioBittencourt]

Great video Leela. Very didatic explanation. Thanks to share buddy. Be safe!

[@jacopotomei1205]

thank you so much

[@vivekpalle]

When we are passing users detail to value then how come array length Initially be empty. I'm Little confused. Can anyone suggest.

[@sachinartibatham3830]

How we can filter data without showing all data ,when we search by name only that thing will be appear how we can do that

[@atlamasthanaiah7911]

How to search
Ex: rama.a
I need to search these format data.
How to sear.
Plz give me suggestions

[@VishnuAleti-i4z]

I have implemented as you show in video sir, but it is throwing error as "No pipe found with name 'filter'", tried several scenarios, but no luck. what could be the error sir ?

[@LeelaWebDev]

Need to check. Send you got repo

[@anjusreedharan3210]

Hi Leela
Can we pass more than one Arg in the transform function in custom pipe

[@LeelaWebDev]

Yeah we can

[@kamaljyothibattula1687]

Spr explanation sir I have seen many vedios but yours the best vedio and it is working do so e more on angular 10

[@manasar2608]

I’m working on a project on the same
When I misspell the word and recorrect it, the search suggestion will not be seen.
I have to always spell the write words only then I can see the search suggestion
Any solution on this ?

[@piyushgupta8845]

Thank You So much Search.. It helped me alot

[@GaneshShinde-er2pq]

Greet job sir 👍👍
I find my solution because of you

[@ashwinideshmukh7870]

Can we apply this custom pipe without *ngFor?

[@LeelaWebDev]

Yeah we can

[@jaycee.y7490]

I get an issue right @3:40 I get this error:
No pipe found with name 'filter'.ngtsc(-998004)
filterpipes.component.ts(4, 34): Error occurs in the template of component FilterpipesComponent.
Anyone knows why? I assume it's because I am using a newer version of Angular.

[@arunraj5359]

Have you resolved it ?

[@D1820LB]

because when I go to call the pipe filter function in html, I get the following error message:
"No pipes found with name 'filter'"

[@arunraj5359]

How did you make that work? Have you resolved it?

[@harshitgupta2321]

thanks for the simple and best explanation :)

[@snehasuresh3150]

Thankyou so much for simple and clean explanation

[@oleksandrvoron_ko580]

I am from Ukraine and found info about 1 week how create it for my app! Thanks for your tips!

[@LeelaWebDev]

That's awesome!. Anyways be safe bro. I am very happy to get a comment from Ukraine

[@naveenkanikairaj8829]

How to use filters and pipe for dynamic Json response.
Can you please help for this?

[@LeelaWebDev]

You can add the http call in the custom pipes

[@amoldeshmukh5903]

how to show the suggestion dropdown when we start typing in the input box

[@LeelaWebDev]

By using the pipes we can achieve the suggestions filtering in angular

[@waterbottlexd1298]

This is awesome! Thank you!

[@TheSimpleInsights]

Nice explanation, but could you please upload code for each and every video.so that we can refer if there is any mistakes

[@LeelaWebDev]

You can check my github repo. It is provided in description

[@problemsolvere5694]

Great Video

[@LeelaWebDev]

Thanks!

[@vikashbanoriya142]

Sir plz start the angular material UI videos

[@LeelaWebDev]

sure.. will try

[@vikashbanoriya142]

@@LeelaWebDev thanku sir for providing such valuable content .....

[@vikashbanoriya142]

@@LeelaWebDevsir I appreciate your dedication and hardwork

[@neapolisfa6136]

Hi thank you for the video so helpfull. I want to ask a question since I am new to Angular, can I use this approche to search for data in the data base or should I change It? Thank you

[@LeelaWebDev]

for asynchronous data we need to use async pipe also along with this filter

[@finleysaint2377]

pro tip : you can watch movies on kaldrostream. Been using them for watching all kinds of movies lately.

[@nikolasstanley3865]

@Finley Saint yea, have been watching on kaldroStream for since november myself =)

[@ezrarhett285]

@Finley Saint yup, have been watching on kaldrostream for years myself =)

[@gibsoncolton2294]

@Finley Saint Yea, I have been watching on kaldrostream for months myself =)

[@lakshminarayanaakkipalli1022]

Hi sir I want to work as a ui developer will u please give me one chance to prove it myself.. I learn angular and ui related technologies plzzz sir plzz give me a one chance🙏🙏🙏🙏

[@LeelaWebDev]

send me your updated resume to [e-mail]

[@bisiflora]

Thank you so much Leela, all your vidoes are always helpful to me. Stay blessed

[@LeelaWebDev]

My pleasure 😊

[@misy_code]

Sir can I do the same process for Filtering the list of data using DATE? instead of string!

[@misy_code]

Sir, answer please?

[@blessinglndisguise769]

@@misy_code ofcourse you can