Angular 6 - MEAN Stack Crash Course - Part 3: Connecting Front-end To Back-end

This is part three of the Angular 6 MEAN Stack Crash Course. In the first part of this series you've learned how to create the Angular 6 front-end application, set up the basic project structure by creating components and configuring the client-side routing.

In this part we'll now implement an Angular service class in our front-end project which is used to connected to the back-end. This service is then used in the various components of our front-end application. Implementing an Angular service for accessing the back-end helps us to keep our code DRY by encapsulating the logic which is needed for accessing the REST back-end in one single class.
---------------------

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

[Pokersprout]

Hey Sebastian, as someone who has spent a good amount of time with Angular and the MEAN stack now and someone who has seen many tutorials on the subjects, I want to let you know that your pacing and explanation of these topics is fantastic for several levels of developer. Thank you so much for your work here!

[alexandergerlach]

i was wasting quite a lot time with bad tutorials. after the first 2 videos i finally found what i was looking for. your tempo and the content is just pure perfection. thanks a lot, gonna finish the rest soon

[aditya]

This is actually the best course to learn Mean Stack at the earliest time

[ArtArchitectureAndAI]

Sebastian, You are awesome ! Thank you for a wonderful video. It is extremely easy to follow.

[shellcasing]

Nice. So far so good. Patiently waiting for Part 4

[Colstonewall]

Been waiting with baited breath! Thank you!

[euclidelegnon]

This has been extremely helpful! Thanks for taking the time to do this.

[castrojunin]

Why did not you use the delete method?
EX: router.route ('/ issues / delete /: id').delete()

[SamosaLife]

So now I have express running from my terminal and angular a second terminal. Is there a way for this to run without having to run them both at the same time? As in, just running angular with it accessing the list from localhost:4000?

[abdellatifderbel]

Many thanks, great tuto but I have a remark:
The providedIn attribute makes it possible to register a service directly inside the @Injectable() decorator. It is no longer necessary to register a service in @NgModule().
providedIn: ‘root’ tells Angular to register the service as a singleton in the application root @NgModule

[athuljithu]

in 23.13, i am not getting any records in my console instead of getting a HTTP error
HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: null, ok: false,  …}
please help

[miguelcastillo]

Thanks a lot for this tutorial. I have a question. Why do you use post as a put method?

[karlnoelle]

Loving these tutorials. Have a question about the reference to _id in the list.component.html. Every other instance of an issue's id is not using the underscore. How/why does this work? I see ${id} in many places but only on the list component's is it referenced with an underscore.

[rohithsmedia]

good one. need to explain core concepts of angular6

[dj_boom_muenchen]

Hi and thanks. Is this also possible to do for SEO as a universal app? Thanks

[Pankecho]

This is awesome thank you very much, will you add an interface or a class for the model that you are receiving from the server?

[cristianouzumaki]

since i am using updated versions of all angular, node.js , i have faced some issues like bodyparser, enableProdMode(), specially the routes you mentioned inside service. this.uri shouldn't be written like that. "return is the correct way now. mentioning this in case someone was frustated like me but still the videos serve the purpose . deserved a like.

[josephchu]

Did anyone get an error message about "Http failure response for (unknown url): 0 Unknown Error" at the end? I do not know how to fix this. Please teach me how to fix this. thank you!

[sivasankarchimata]

Hello sir i am looking for a tutorial on MYSQL with NODE.JS & ANGULAR.
So can you please make a tutorial on CRUD operation in MYSQL with NODE.JS & ANGULAR.

[muhammaddanial]

Failed to load resource: the server responded with a status of 404 (Not Found)


i am getting this error at the end