New Angular 4.3 HttpClient (Accessing REST Web Services With Angular)

[@zacball7989]

Glad you made this video. Trying to learn Angular and these docs literally changed on me over night.

[@codingthesmartway]

That's great! Thanks

[@swaroopk5714]

You gave me life to survive at my work today as I learnt to deal with the api things..I dunno y u called the api from component where I implemented this in service file instead of directly calling response from component...Also, i learnt how to use material in my website as some ui looks same...Thank you so much...hoping some more from you.

[@lopezunwired]

Great explanations along the way! Cleared up a few things for me. thank you!

[@akhanda-]

Great tutorial.... And thanks to KZbin playback speed feature....

[@dmitriy5906]

Great tutorial! If I understand right, interseptor mutate every http request, but what to do if I want to apply 2 or more interseptors to different requests. Let's say: I have Authenticated and non-Authenticated requests. They should contain different headers and different strategy of error handling, how I can apply non-Authenticated interseptor to non-Authenticated requests and the same for Authenticated?

[@pierresolutions]

Thanks for the video. Could I use the interceptor on the response? For instance if the backend might respond with a session time out message. In that case I would want to check every response and handle that situation centrally. Is that a proper use case for interceptors?

[@ravimishra339]

Great tutorial in very short time.

[@codingthesmartway]

Thanks a lot!

[@parrou3]

Great job as usual, thanks a lot, we hope see a tutorial about testing in Angular 4 with Karma & Jasmine :)

[@GregorSklorz]

Nice and helpful! Thanks. But why ".clone()" the request to alter the header and push it to next?

[@ahmedarigui2828]

GREAT VIDEO PLS CONTINU in this way about ANGULAR !! :) Keep us in touch about news features plsss I need to have a reference (like you) for seeing the new features and update about only ANGULAR

[@alexnezhynsky9707]

Hi Sebastian, are you planning on making more on Vuex or Vue + Firebase (esp. authentication)? Very few tutorials about these on the Internet... Thanks for your work!

[@codingthesmartway]

Great idea, thanks for that hint Alex!

[@balavisakh8770]

Thanks for this video i search lot and get a clear explanation from you in this video Thanks a lot...!

[@karimkhan4205]

This tutorial is best for me . 100%

[@doanducthinh90]

I have a problem, assuming many requests at the same time, all requests are 401 errors, I have multiple RefreshToken, if I only collect requests when 401 error, when and where RefreshToken is called in order to retry collecFailRequests

[@rituraghani6804]

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'localhost:4200' is therefore not allowed access. I have got this error following all same steps

[@hectorernestooviedo]

Hello @CodingTheSmartWay.com i have a question that i dont understand about the new httpClient module... I have this simple get this.http.get(myAPIServiceStringPath).subscribe( data => { this.processResult(data); }, (e:HttpErrorResponse) => { console.log("ERROR: " + e); } ); If i want to add to this service a listener to see the progress, how can i do it? i saw your example for get the progress event, but i didnt saw the integration with a promise including the complete function

[@Hashmimohammed]

short and sweet super awesome :)

[@rahultalar]

super easy and awesome. Keep It up.

[@saulodias5061]

Why does this error appear when I make a post with the httpCliente "Unexpected end of JSON input"

[@arjavjain4592]

Hi! This looks wonderful. I am trying this code now, and am on the last leg for implementing the interceptors. However I am getting this error while importing form @angular/common saying @angular/common/common"' has no exported member 'HttpEvent'. In fact it says the same for all other imports, i.e. HttpInterceptor, HttpHandler, and HttpRequest. Please help.

[@trebleclef4889]

How we can intercept for example path "auth/**" for only?

[@SeloToprakus]

Provider parse errors: Cannot instantiate cyclic dependency! InjectionToken_HTTP_INTERCEPTORS ("[ERROR ->]"): in NgModule AppModule in ./AppModule@-1:-1 when in using another service that has httpclient.

[@mileswilliams5955]

This seems like a providers issue

[@МаксимГумеров-ч9ы]

What, accessing static URI is "accessing REST web services"? Great, that. What about uri containing some ids?

[@folarichards8704]

Hi guys can anyone point me to a tutorial or guide to use form data values in post request to an API

[@rk-rf3hy]

This was really helpful, thank you very much.

[@leonieschalkwyk2176]

When I try and implement OnInit i get an error. ERROR in /home/jacques/repos/HttpClient/src/app/app.component.ts (8,14): Class 'AppComponent' incorrectly implements interface 'OnInit'. Property 'ngOnInit' is missing in type 'AppComponent'. webpack: Failed to compile. How would I fix this?

[@mileswilliams5955]

You need specify ngOnInit(){} within your class

[@leonieschalkwyk2176]

Thank you Miles

[@AbhishekKumar-oj8gl]

Very useful vedio.thanks for making it

[@codingthesmartway]

Thanks!

[@gdargdar91]

Won't the "most major version" symbol ^ resolve version 4.3 angular packages instead of manual need for upgrade?

[@KristoferKarlsson]

Yes. ^4.2.4 would translate to >=4.2.4,

[@shengistired8192]

Hi is it possible to authenticate with window server active directory 2016 using this service?

[@thuongdoanvan9103]

I'm geting error "InjectionToken_HTTP_INTERCEPTORS" can everybody help me ?? please ! thank so much

[@3qz278]

awesome tutorial,thanks

[@codingthesmartway]

Thanks

[@test1729]

Thanks for making a great tutorial :-)

[@RameshKumar-yk5nr]

how to search local json file object ex:/assets/data/employeeData.json how to search local object

[@lemontfourde8358]

awesome, thanks!

[@codingthesmartway]

Thanks!

[@casdegroot9543]

how can i get this working with nested json packages?

[@dualvideoviralguytalksincar]

Awesome ! Thanks!

[@codingthesmartway]

Thanks Manish

[@arockdurai5110]

Excellent video.

[@StanleyBateswar]

nice video tutorial!

[@jumalse]

great video, great work

[@AdViThFamily]

Hi good explanation. It helps . But why both Http and HttpClient Module are exist in angular.io docs.

[@nikhilshah8602]

Http has been removed now in Angular 5- beta.6....

[@yamengustavomarquezhechava4259]

Hi Sebasttian, very good tutorial, but I am running into a problen just at the end, when i try to test de Interceptor i am getting this error "XMLHttpRequest cannot load api.github.com/users/yamenmarquez. Request header field Autorization is not allowed by Access-Control-Allow-Headers in preflight response." despite the aplication is working correctly because the Header of the request look like these: api.github.com/users/yamenmarquez Host: api.github.com User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:55.0) Gecko/20100101 Firefox/55.0 Accept: application/json, text/plain, */* Accept-Language: es-ES,es;q=0.8,en-US;q=0.5,en;q=0.3 Accept-Encoding: gzip, deflate, br Referer: localhost:4200/ Autorization: token 894d2926b0a42a6f521dee05d5c80557d2227a32 Origin: localhost:4200

[@akshaypatni]

Thanks Man.... :)

[@kiltedcoaches1093]

These videos would be great if you'd speak up; it sounds like you're about to doze off from boredom.

[@tseringlobsang1789]

Over engineered piece of shit. Browser itself is already a HTTP client and the vanilla Javascript already has a nice and easy API. I really hate the Javascript framework developers for complicating our life.