Angular 2 Tutorial (2016) - Services

Angular 2 Tutorial on Services and how to use dependency injection to use them.

See you in the videos!

Get into developing Angular 2 applications instantly! Please share, like and comment if you like the video!

This course will teach you all the fundamentals of the current Angular 2 Beta and will prepare you to write actual Angular 2 web applications.

We will cover Directives, Components, Template Syntax, Two-Way-Data Binding, Services, HTTP (GET and POST) and much more!

Have fun and please leave a like or comment if you like (or dislike) this video or this series!

[peterhirt]

best video on services so far. I browsed thru 3 or 4 without finding where I hit the wall. This one was clear immediately. Thanks a lot!

[qibidi]

Can't even describe how gratefull I am for this video. Thanks a lot

[DeimosLnk]

Is it possible to have a particular interface available projectwide? Do we always have to import it or is there any other solution, like DI or providing it?

[redsnakeintown]

What is the best practice of injecting the service - either through providers: [ContactService] or have your component implements OnInit and have the service injected automatically in that method ?

Will the later even work ?

[tristanchaudhry]

Hello Max! I love your videos and they are very helpful. If you could please help me to understand something I am stuck on, as I am a beginner, it would be much appreciated!

I am trying to make an admin panel that allows you to input text into fields, and the data in the fields would update to some sort of JSON document and then that JSON document would be rendered on the front page of the website. For example, if the admin inputted a url to an image and an image title, the front page of the website would show that image and title. Do I use services for this? How can I inject different parts of the admin form into different components?

Any help would be very appreciated!

[shibasissengupta]

Another super-awesome session from you. Thank you.

[wcdeich]

Around 9:20 you write what looks like a lambda expression on line 34. Can you explain Type Script lambda expressions?

[satishpokala]

Hey Thanks thats a very good one on services part, Can I know which tool / IDE are you using for the development. I am using sublime and its very hard to write like imports because it should import all the classes by default.

[mr.ferdinandbraun]

THX. your tutorials are better than other websites or videos :)

[nagavadlapudi]

Can you please demo on, how to inject a service to a class (not component) ?

[omniamohamed]

Hi Max, how are you? I want to know can we use bootstrap in angular 2?

[sunwoo]

I'm using web storm and somehow I'm not getting the automatic import statements like you do... you know how I can set this up? thanks!

[tonygeorgiadis]

Great tutorial. I'm getting this error that's causing the contacts data not to be displayed:

-> error TS2339: Property 'then' does not exist on type 'void'.

Anyone had the same issue? I searched but did not find anything online..

[TheHassoun]

so with that logic, now i can link my MANGOdb to my app with services ?

[crack]

This works, but the method "then((authors: Author[]) => this.authors = authors)". What is it for? Could you explain? Thank you.

[TheRemjx]

Hi Max! Your tutorial are awesome! Which code editors are you using? It's cool.

[hsshek]

why I cannot find the obj "Injectable" by import {Injectable} from "angular2/core" now ?

[madura]

Would you please explain how to call a web services / webapi methods form Angular

[mukhtarmir]

i followed you, but ngOnInit doesn't work for me..not able to get final results. i even compared the code with yours.

[maksneomoon]

Hi Max,
thanks for a video.

One line i think is hard to understand is this
Contact[]) => this.contacts = contacts);

I got the point what it does but this part ((contacts: Contact[]) => this.contacts = contacts) I dont really understand how I can use in other cases. Hope you will explain it later or I will just google it :)