HTTP Service - Angular (Tutorial #18)

HTTP services is the important part of any application which communicates with the server. Most front-end applications communicate with backend services over the HTTP protocol.
Use this link to share video: • HTTP Service - Angular...
Till Now we are getting a dummy users data but now we want to get live data somewhere from server
Now we require remote data server which provides HTTP Web Service, which we can call using Angular Front End.
You can create Web Service in any language like Java, PHP, .Net or NodeJS.
We can consume this web service using HttpClient in an angular app.
To keep this demo easy to understand by everyone we will consume a FAKE online web service and you can also test at your end easily :
So use this FAKE online REST API :
jsonplaceholder...
To use HTTP service first step is to enable HTTP Service
.For this we need to include a HttpClientModule in imports array in app.module.ts and this module is defined in library angular/common/http
After this in custom service file (UserService) we need to do Dependency Injection of HttpClient class and with this class make http call using get () method
Angular services return observable in response the way in Angular 1.x it returned promised. Angular services are lazy in nature
Observable are lazy in nature . So if any component want to get Observable it will act like a newspaper. Until unless
you will not subsribe for the newspaper service you will not get that.In same manner until unless you will not subscribe
the Observable you will not call the service .
If you liked my channel , subscribe to it and like my videos. For any queries ask you question in comment section
you can also connect with me @
Facebook: / angularjs4beginners
LinkedIn: / nisha-singla-82407aa0
Website :

[@anilpalakuri1610]

The way your explanation is simple clean and clear

[@NishaSingla]

thank you

[@muralimanohar8677]

first time in youtube amazing explanation ...

[@NishaSingla]

Thank you

[@jagdishrohit3748]

It is much more important for me . Thank you very much for providing this. I kindly request to you please proving more.

[@rashmijena8396]

The Best Angular Tutorial till now..Thanks a lot Nisha

[@NishaSingla]

Thank you Rashmi

[@nagarjunavssirivella5948]

Really Happy With your Explanation Madam

[@NishaSingla]

Glad to know that 😊🙏

[@coding8061]

Wow super ma'am I like your teaching flow love you ma'am

[@muralimanohar2858]

I like the way of your explanation

[@NishaSingla]

Thank you Murali

[@suryateja2524]

your teaching is very nice Madam(😎);

[@NishaSingla]

Thank you 🙏

[@aravindgoud2753]

its really amazing superb explanation thank you so much

[@NishaSingla]

You're most welcome

[@IqbalAhmed-qk5ix]

Awesome explaination Thank u so much mam

[@NishaSingla]

Keep watching

[@yashkumarjani]

Helpful Video

[@samr9142]

Super helpful demo. I like the way you explained each and every area on the HTTP service in Angular. It's easy to digest. I would like to connect with you. Let me know your official contact information.

[@NishaSingla]

Glad you liked it

[@vinoderramsetty1093]

It's really amazing. Thank you for your time

[@NishaSingla]

Good to know it helped

[@pranavis5586]

Very very awesome explanation and awesome content...Im so in love with ur tutorial🤗🤗🤗

[@NishaSingla]

Thank you! Cheers!

[@akiratoriyama1320]

In 2:06 you are referring to "FormsModule" and that you have imported it to your project. At which of your videos are you using/explaining angular forms? i might have missed it... Thanks for the great videos! Very helpful!!! Subscribed to your great content!!

[@Gauravkumar-jm4ve]

Tx

[@daalwada]

Awesome! :) Thank you so much Nisha! :D :)

[@NishaSingla]

Thank you Rohan

[@ravuladileep3814]

Make a video on crud operations using angular8 and data strorage to json

[@sarkari-mahiti]

Thank you so much😊❤

[@uchiha__madara]

Please make video on CRUD operations

[@sandeepkumarreddytadoori946]

Please lemme know if you're running an institution in Bangalore, I would join for Javascript classes. Wonderful explanation by the way..

[@NishaSingla]

Thanks ..

[@annukhulbe1057]

how "users:any[] = []" has changed to "users:any" at 4:54 secs and you have not mentioned this change in your video ???

[@bhaveshmoon1979]

I also noticed it, do you know the reason

[@jitujahagirdar613]

Hello Nisha, could you tell me how to data filter (search key ) on *ngFor in angular2 ? kindly reply

[@coding8061]

Hello ma'am where is get put delete of video please make I hope you make this type of video love you ma'am

[@seshu4289]

Hi mam .. this tutorial is helping me a lot.. But I'm getting an error that.. Property subscribe doesn't exist on type{'id: string; name : city.........}[]' please let me know why it is coming

[@mallikamurugan1462]

Mam one doubt how to connect angular (loginform)data+ server+mongodb(database ) and how to pass data angular to server through store the database ...pls make a one video and explain it

[@anaghakamble1293]

Hello Nisha very nice explanation, but I am getting error while using subscribe method, the error is "Property subscribe does not exist on type void" could you pls help?

[@devve7]

Gracias Nisha, buen video. Saludos desde Venezuela.

[@NishaSingla]

Thank you :)

[@madanchilakaraju4358]

The way your explanation is good and very simple...do more videos about angular

[@maheshthete1126]

Interview questions n answer vedio

[@NeHaSingh-dw4pn]

Property 'get' does not exist on type 'UserService' why this error is coming in my localhost

[@rajasekhar5135]

Nice vedios, but y dont u cover all concepts u done only major concepts in the angular

[@NishaSingla]

Thank you 😊. Will try to upload more videos

[@sanjivkumar-jh5cu]

asesome...

[@Sukhbir_Ghangas]

Loading bar code is missing. Please share link for the same.

[@jayakumar2927]

difference between constructor and ngOnInit

[@jayakumar2927]

Share the source code

[@muppalladayakar5760]

You can add one project in angular

[@NishaSingla]

Thanks for suggestion

[@friendsforever440]

Please upload route guard

[@NishaSingla]

Sure

[@jayakumar2927]

How to fetch data from db

[@NishaSingla]

RestApi which i have consumed that will pull data ... your REST api should call db

[@jayakumar2927]

can you share code for this

[@jayakumar2927]

@@NishaSingla share the code