Services in Angular - Learning Angular (Part 6)

Learn how to create a service, inject a service into a component for use, and more in this video! Find out what service is and its many functions.
Resources:
Completed code for this lesson → goo.gle/44xzZ0A
Catch the next episode, Forms in Angular → goo.gle/3LW8YMP
Watch more episodes of Learning Angular→ goo.gle/Learning-Angular
Subscribe to Angular → goo.gle/Angular
#Angular

[@Angular]

Watch more episodes of Learning Angular→ goo.gle/Learning-Angular

[@mvishalshukla007]

I am eagerly waiting to see video tutorials on web component in angular

[@zopokhan]

This series has been a game-changer for my workflow. Thanks!

[@DungLearnThings]

mark thompson is the coolest angular teacher 🤩

[@josuepintor9315]

This was amazing. I'm currently working on a project and needed this information and it was simple to follow, replicate and adapt to my needs. Thanks a bunch.

[@Angular]

So glad you found it valuable. Thanks so much for watching and good luck on your project!

[@milosh996]

tip: if you use curly braces for lambda expressions, you must return the condition (even if the block still has just one line).

[@monksee]

Great tutorials thank you :) You're very good at presenting. :)

[@mirci5459]

Thank you a lot for these videos, they are so helpful! But I'd suggest to show explorer bar in VS Code to understand in which file you are working, where this file is, where folder with services is and so on. It will help beginners to understand navigation better

[@mambacurry3090]

While importing inject in the home component first letter of inject which is 'i' must be in small letter. If you add Inject with capital "I", then it will not work. At 4:21

[@BernardoGuerreiro]

yup, we've seen how awsome the angular cli is eheh

[@gonzo1457]

Hi! Great tutorials! Just a question. Is the same the: "housingService = inject(HousingService); " in detailsComponent than the: "housingService : HousingService = inject(HousingService);" in HomeComponent ? Is there a reason to declare the type of the property in one and not in the other? thanks!

[@Angular]

Great question and this is likely Mark just showing both ways of doing it, but technically, TypeScript can infer the type of HousingService just fine.

[@jediampm]

Hi, again about inject vs constructor params to inject a service and deeps and this template (details) is starting to be big to fit in a ts file, so why not in separated file?

[@Angular]

We made the decision to keep the template inline for this example to reduce the number of file someone new to Angular would have to reason about. In future courses, we'll mention more best practices about when to move to a separate file for templates. Thank you for watching, and thank you for the feedback.

[@ramijawadi4356]

no listing-description class in css file ...

[@jeverydk]

Question, instead of using inject, couldn't you then instanciate the service in a constructor?

[@Angular]

Sure, that method works, too.

[@Vthoen]

the angular website skips the previous tutorial video, this made it very confusing.

[@onoes9646]

He didn't close the in details.component.ts.

[@peymanebrahimi7756]

where are images of houses? nothing in assets

[@Angular]

We're working to improve the download to include the images, but until then you can download the images from here: github.com/angular/angular/tree/main/aio/content/examples/first-app-lesson-00/src/assets

[@peymanebrahimi7756]

@@Angular Tnx