Angular Inject Function - Better Than Constructor

[@MonsterlessonsAcademy]

WATCH NEXT: Angular Interview Questions and Answers - Dominate Your Next Interview - kzbin.info/www/bejne/a3LCin6ii7yAhtEsi=2DCn7yspEAAJ2H6l

[@hamza201183]

Wow there are so many things to learn in Angular...

[@MonsterlessonsAcademy]

Yeap. Unfortunately they don't want to stop.

[@prasoon2510]

You are awesome.. you explain in very easy and practical manner. Thank you

[@MonsterlessonsAcademy]

You are welcome!

[@tomozi1]

Отличная подача! Как всегда материал на высоте

[@stratfanstl]

I just inadvertently learned this a few days ago. I agree, this inject() method is preferable for several reasons. 1) it visually states exactly what is happening and makes it clear it was intended. 2) it de-clutters the constructor() method which may be required for other tasks like passing in a data structure housing strings a component needs for display like a modal dialog. 3) eliminates the mystery about how the compiler figured out how to CALL the constructor with the extra parameter and why the order of parameters doesn't matter.

[@MonsterlessonsAcademy]

Yeap

[@e-jarod4110]

Insanely good explanation! I hesitated dropping constructors injection because I didn't feel the real need to move to inject() But I didn't know it is possible to export destroy$ for example in a simple reusable function

[@MonsterlessonsAcademy]

Yeap!

[@ythalorossy]

Amazing explanation.

[@MonsterlessonsAcademy]

Glad you think so!

[@fadil2671]

nice video, now i need to refactor all my codes 😁😁

[@MonsterlessonsAcademy]

Go for it!

[@hamza201183]

Many thanks, great video as always.

[@MonsterlessonsAcademy]

Glad you enjoyed it

[@advance5189]

Awesome explanation and moreover, your English is so clear that I wanna listen to you and listen.. Keep going!

[@MonsterlessonsAcademy]

Thank you! 😃

[@ytamb01]

That was really good - both creating re-usable code outside your component and a much cleaner way of extending components. Thanks very much.

[@MonsterlessonsAcademy]

You're welcome!

[@Brendan2Alexander]

Awesomely helpful! Thank u

[@MonsterlessonsAcademy]

You're welcome!

[@MrGCastilhos]

Amazing content, thanks a lot

[@MonsterlessonsAcademy]

My pleasure!

[@banafish]

Great Video! What font and theme are you using here? Very readable

[@MonsterlessonsAcademy]

It's gruvbox and monaco font.

[@visufactmanufacturing7712]

It's a very good video, thank you! I wonder if it would be better to name functions that can only be used in an injection context in a specific way, in order to differentiate them from other functions. For example I would prefer to call them "injectPageParam()" or "injectOnDestroy()".

[@MonsterlessonsAcademy]

There are no guidelines. Maybe we get eslint rules at some point.

[@mohammedsalah932]

Good video ! do you have a video about OnChange and how can i use it between parent and child component so i dont have to reload the page to view changes ?

[@MonsterlessonsAcademy]

I don't have a specific video about OnChange

[@FarazKhan-fn9gs]

Please make it one​@@MonsterlessonsAcademy

[@cod3r1337]

That is a really clever implementation of the old takeUntil pattern :) I wonder if Angular 16, think came out just a few months after this video, blatantly stole your idea when introducing DestroyRef :-D

[@MonsterlessonsAcademy]

It's not my idea. I also stole it :D

[@theWorldOfIss]

After 1 year I am knowing it😅

[@MonsterlessonsAcademy]

Awesome!

[@thirukumaran6034]

Your courses are short and sweet ❤. Can you please create a new session for unit testing inject() function

[@MonsterlessonsAcademy]

I added it to the list of future videos. Thank you for the idea!

[@JonatanPetersson]

@@MonsterlessonsAcademy Would really like this too. Especially where you've extracted them into functions

[@DavidKooffreh]

For the final part what is the advantage of using that over ngOndestroy

[@MonsterlessonsAcademy]

You make a reusable function which should not be duplicated in every single component with ngOnDestroy

[@DavidKooffreh]

@MonsterlessonsAcademy Thanks that was very useful information

[@cod3r1337]

Note that you don't need a clever hand-rolled helper like that any more since Angular 16 because it has that built in now - its takeUntilDestoyed() / DestroyRef

[@mjpanebianco8162]

Does this method of injection protect against creating multiple instances of a service you intend to be a singleton?

[@MonsterlessonsAcademy]

It doesn't protect against anything. It is just the same like defining it in the constructor

[@wiliam334]

How do we mock them in the tests now? Ta

[@cod3r1337]

The same way we have always done since Angular 2: Using TestBed.

[@alexmatveev7730]

For destroy/unsubscribe we can use takeUntilDestroyed Function. Yes, maybe it's still in dev mode

[@MonsterlessonsAcademy]

Yeap. It was just an example how to move code out

[@val-do]

you're hidden 💎 🎉

[@MonsterlessonsAcademy]

Thank you!

[@emmanuelU17]

Pretty cool but I am a big fan of construction injection.

[@MonsterlessonsAcademy]

Then you can continue to use them. I hope they won't deprecate them.

[@4444-c4s]

Don't know why Angular is bringing so many things at once..Really hard to get clear idea in Mind What to use and When to use. Confusion hi Confusion hai😅😅

[@MonsterlessonsAcademy]

Yeap. Life is pain.

[@cod3r1337]

At least almost all of the new things help make it suck less. The main pain point of Angular has always been way too much boilerplate and needless complexity, and I'm happy to see that with every release they are trying really hard to reduce that.

[@4444-c4s]

@@cod3r1337 After working in Angular with over a year, I can conclude Angular is the worst framework I have ever used. It's documentation is the worst. Even Angular Material's documentation is worst. They both doesn't mention when to use which things. They just mention definitions with good CSS in their website. All the things needs to be find out by Developer itself. 🤬🤬🤬

[@MuhamedHassan-ry5fs]

can you suggest me road map to learn advanced angular if you can

[@MonsterlessonsAcademy]

Just take a real project and do it from start to the end. Like we are doing in this course kzbin.info/www/bejne/rJTJi2N7htWMiqMsi=8kMu3zbCa0K_1hxP