The Role of "exportAs" Property in Angular [RE-UPLOADED]

Level up your Angular skills with my Advanced Courses 🚀
bit.ly/advanced-angular-courses
Sometimes small tricks might let you implement features with less effort. One of these tricks is using the exportAs feature that can help you to get the reference to the directive or component instances right in the template. In this video, you will see it in action. Please help to share this video if you find it useful. Enjoy!
💁 If you want to support the channel:
bit.ly/donate-to-decoded-fron...
💡 Short Frontend Snacks (Tips) every week here:
Twitter - / decodedfrontend
Instagram - / decodedfrontend
LinkedIn - / dmezhenskyi
🕒 Time Codes:
00:00:00 - Intro;
00:00:40 - Reasons why video is re-uploaded;
00:01:14 - About Referencing Template Elements;
00:05:52 - ExportAs property in Action;
00:10:27 - Outro;
#angular #webdevelopment

[@DecodedFrontend]

Level up your Angular skills with my advanced courses 🚀
bit.ly/advanced-angular-courses

[@artemyavorskyi5865]

Талант розглядати цікаві теми. Один з кращих каналів по Ангуляру!

[@DecodedFrontend]

Дякую 🙌🏻

[@hakobyansamvel54]

You are the best, thank you, I will be very happy to see deep explanation of angular animations by you, thank you agin ❤

[@Nikkvv]

Дякую, шикарне відео

[@DecodedFrontend]

🙌🏻

[@Nabulio85]

Thank you Dmytro for this new version of the video on exportAs.
The explanations are much clear and precise.

[@DecodedFrontend]

I hope it is really so :) Thank you!

[@mktrann]

Thank for your explaination!

[@DecodedFrontend]

Thank you. Glad to hear that 🙂

[@syimykamatov8955]

Very informative. Thanks buddy

[@elyoaprogrammer]

Excellent video!! Thank you so much..

[@gagiksimonyan3782]

Thanks for another useful video, Dmytro 😉

[@artemeelemann317]

Thank you for the updated video :)

[@aayushkc2306]

Can you make the video series of angular universal(SSR) to improve the performance. It would be really cool if you cover the performance and hosting and minimizing the bundle size of SSR application.

[@OnoshkoAndriy]

Very clear explanation. I haven't used this property yet but it's good to understand the possible use cases.
Дякую! 👍

[@DecodedFrontend]

🙌🏻 you are welcome! Thanks for this comment.

[@Perun42]

Thank you, as always

[@durairajrajendiran9725]

Thank you 😊

[@malyna]

Дуже хороший приклад

[@DecodedFrontend]

Дякую 😊

[@sergeymigel4680]

so beautiful English!

[@DecodedFrontend]

Thank you (if it is not a touch of sarcasm 😅).

[@filipbarbaric1960]

very cool video

[@Sinan997]

can you please make a video about best practices of angular application structure? How should we create, manage and use our libraries? what is the pros and cons?

[@AzadKanwar]

awesome ❤

[@DecodedFrontend]

Thanks 🤗

[@genyklemberg]

I thought I missed some bonus time video, while saw it in subscription, but didn't see it in your channel 😂

[@DecodedFrontend]

It is actually good for you that you didn't see it because this one is more accurate 😉

[@nanu180]

Please upload your previous video of this export as, which you have deleted. That was also very beautiful expression.

[@MrLgbk]

useful and shared

[@fahadgaliwango4502]

Thanks for clear explanation, I have understood that exportAs enables access to directive instance.
Can element allow more than on template reference in case I want access to both input and directive
Can exportAs replace @Input and @Output communicate to directive

[@DecodedFrontend]

Hi! Yes, you can have multiple template references on the same element. Regarding replacing inputs and outputs I would not say that it can be replaced by it.

[@ChessPuzzlesVideo]

why formControlName directive don't have exportAs variable ?

[@DecodedFrontend]

I think it is because, unlike ngModel, the FormControlName doesn’t „own“ the FormControl instance which represents the state of control, so there is nothing to read from that.

[@ChessPuzzlesVideo]

@@DecodedFrontend Due to that showing form controls validation errors will be little bit tough.

[@George_331]

Було корисно😊

[@DecodedFrontend]

Радий це чути. Дякую! :)

[@FlyingPenguino]

:)

[@THIAGO_6721]

I see very useful and cool property. I personally dont know about this new property.

[@DecodedFrontend]

Actually, it is not a new one :) It exists quite a lot but it was used not so often