ANGULAR 15 : DATA FILTER USING REST API

In this tutorial, we will see how to implement data filter in angular 10.
We will use 2 api's for demonstration.
We will bind a albumns API to a selectlist(Dropdownlist).
We bind the "id" of the album as value field and "title" as the display field. When we select the selectlist, we will use the selected albumid as the input parameter to the second api ie. Photos api.
The Photos API will accept a httpparam as albumid which is nothing but the selected alblum from the selectlist.
We will use this to call the Photos API for that particular album.
And we will display the returned result of the photos for that albumn in table format.
#Angular 12 #Angular 13 #Angular 11 #Angular 15

[@KimLetkeman]

There is so much overhead to get the small bits of useful info directly related to filtering. Consider having the boilerplate ready and just filling in the relevant bits that retrieve filtered data.

[@sadagoutham]

Superb Bro

[@mihaipantazi323]

Hello, I followed your instructions and everything goes well until i select a value from the dropdown. Regarding of the selection in the dropdown list, il return all the images, instead of returning the ones taht match my album_id. and in console i get undefined Can you please help? Thank you very much!!

[@hanidjebbi4168]

thx man it was really helpfull

[@vikhyatverma4016]

Hello i want to do the same thing But on a list item ...
How to do that...

[@Kavin1406]

Thank you so much bro! You are so helpful xD

[@FastBaow]

Thx for this video but how can i do if i want to add 2 filter ? because here we just have 1 filter on the album, if i want to search a photo on his album and his thumbnail (the size) how can i do that ? please help me ! :D

[@RameshKumar-yk5nr]

Bro make a video on session management for example if we press back button the previous page will show with data that what we wanted to see previously .....

[@Links...]

u need to store data of back page in the service and also need to provide this service in root or common module with current route from which we are doing back action

[@RameshKumar-yk5nr]

@@Links... thank you I will do

[@MS-pz7hr]

Thanks a lot for this video sir

[@mahaambalgan4564]

I tried everything and double check all the codes, I didn't get any error but the out put doesn't look the same I have the drop-down but it doesn't work.

[@mukul13197]

go to your api log - see what you are hitting - you may have used number or string in your models - maybe you are trying to hit Products?categoryid=2 but instead hitting Products?categoryid=%201 due to space and all . just check that

[@saranyaprakash1266]

🔥🙏

[@mahaambalgan4564]

Hi can you share me the whole code for your html? Because nothing is working on the dropdown when i tried it

[@ananthakumarr537]

Hiii.... Can anyone help me bind data in select input (coming frm api) on click of edit...... On reactive form

[@ShreyKothari2.0]

How to sort the data in drop-down alphabetically

[@ananthakumarr537]

i got error
title is undefinedDirector isundefined

[@Akhilashok97]

hi can you please share this code

[@thiagoluiz4870]

Only useful with FormsModule, if you're searching for a solution to ReactiveFormsModule, this ain't what you looking for

[@xinyi8279]

How do i do the search without api?

[@TechieOcean]

Yes. I will try to post a video on search on local cached data without api

[@hanidjebbi4168]

"e

[@rajeshrathod3113]

Whats with your voice lol

[@khusikar676]

Hiii.... Can anyone help me bind data in select input (coming frm api) on click of edit...... On reactive form

[@Akhilashok97]

Can you please share this code