Very helpful, thank you! This is also a nice refresher for creating simple Directives. And also a reminder to use Directives more because I tend to forget about them.
Wow, LOVE this explanation. Thank you! I hadn’t seen the must-be-stand-alone req before this…so that means I might not be able to combine third party directives I guess…I’ll have to experiment.
Thank you for susch educatinal information about Directives. I have a question! The change detection will run when you use HostListener, so what is the point of declaring runOutSideAngular method inside the onClick function??
Awesome content. Thanks. One question though, is importing the standalone directives in NgModule in this case required? It seems they work with just the hostDirectives in the component
Thank you Master Profanis!) Is it possible to scope host directive DI to host view itself, or is it inevitable thta child views will have access to host directive?
Just out of curiosity, for the last example with the EventDirective, would it be possible to set the "data: any" as @Input in EventDirective and pass through AppComponent's template? Like you did with the "color" input of the UnderlineDirective
I really like that compositional style of building components, very powerful. What if two directives or component share outputs names/ has conflicting names? Thanks
I'm curious if those two mouseenter (or any other) listeners can be run in any deterministic order... It doesn't matter in this particular example, but could matter in a different one.
If by "run in a deterministic order" you mean the "execution order", then yes, they have a specific order where they are executed. You can find more here angular.io/guide/directive-composition-api#directive-execution-order If this is not what you meant :) please reply
Hi Profanis, Just a query at ruclips.net/video/2S6FVt-tQ7M/видео.html why do we need to add MouseEnterDirective to imports array in NgModule when it is already declared as standalone. Can you please clarify? Edited: Got it, as AppComponent is not declared as a standalone we are defining it as a dependency in the imports array. BTW I learned a lot from your videos and am a regular subscriber of yours. Thank you for all your hard work and content.
most underrated youtube channel.
we need more videos like these.
Many thanks for your warm feedback Mohamed!
Congratulation Fanis! EAP for ever!!!
🥳🥳
I didn't understand the significance of the directive composition API when it was announced, but you have explained the concepts really well. Thanks.
Thanks for your feedback Andy! Glad you liked it 🙂
Same here, it gives us now lots of options.
Very helpful, thank you! This is also a nice refresher for creating simple Directives. And also a reminder to use Directives more because I tend to forget about them.
this is a better explain than angular team does. Thanks for the video
Glad you liked it and thanks for your feedback 🙂
I always come here if something needs to be explained related to Angular. Great tutorial again, thanks for your work! :)
Glad to hear that!
Great job Mr! I like the way you explain the concept.
Glad you liked it!
Thank you for this excellent and informative video.
Glad you liked it Sudipto :)
I just discovered your channel. Great explanations. You have a new subscriber!
Awesome, thank you!
Thanks Fanis. A fantastic explanation and example to go along. You gave a lot of understanding to the Directive Composition API !!!
Thanks for your feedback Tito! Glad you liked it 🙂
Please produce more video content! It's really helpful! For example Angular Elements, Angular Microfrontends with Webpack Federation, etc...
Thanks for your feedback. What you have asked for is great! Noted ;)
And if I may piggyback here: SSR too!
Wow, LOVE this explanation. Thank you! I hadn’t seen the must-be-stand-alone req before this…so that means I might not be able to combine third party directives I guess…I’ll have to experiment.
Glad it was helpful!
Thank you sir for uploading a great lecture explanation. Your teaching method is very deep from scratch to end.
Thanks for your warm feedback. Glad you liked it :)
One more nice and clean explanation. Thanks!
Thanks for your feedback! Glad you liked it!
Amazing , very clear explanation ,great job
Glad it was helpful!
Thank you for your great tutorials over all. Please keep going with this perfectly created content for Angular education.
Thanks for your feedback. Good to know you liked it :)
Awesome explanation, thank you so much!
Glad it was helpful!
Beautiful explanation!
Thank you!
Thank you for susch educatinal information about Directives. I have a question! The change detection will run when you use HostListener, so what is the point of declaring runOutSideAngular method inside the onClick function??
Awesome content. Thanks.
One question though, is importing the standalone directives in NgModule in this case required? It seems they work with just the hostDirectives in the component
I just saw that I did that. Thanks for pointing this out. We do not need to import the hostDirectives in the appModule
Gold content. Thanks
Glad you liked it :)
Clearly explained!
Glad you liked it
Thanks, nice examples.
Thank you!
great prof.
Thank you for the video :D
You are welcome :)
You are more amazing than David Blaine, thank you for this
Thanks for your warm feedback. Glad you liked it 🙂
cool and clear explanation
Glad to hear that!
Thank you Master Profanis!)
Is it possible to scope host directive DI to host view itself, or is it inevitable thta child views will have access to host directive?
what's the app u r using to record the videos ? )
I use OBS for the recording and kdenlive for editing
@@CodeShotsWithProfanis Awesome, thanks)
Just out of curiosity, for the last example with the EventDirective, would it be possible to set the "data: any" as @Input in EventDirective and pass through AppComponent's template? Like you did with the "color" input of the UnderlineDirective
I really like that compositional style of building components, very powerful.
What if two directives or component share outputs names/ has conflicting names? Thanks
Great video
Thank you!
I'm curious if those two mouseenter (or any other) listeners can be run in any deterministic order... It doesn't matter in this particular example, but could matter in a different one.
If by "run in a deterministic order" you mean the "execution order", then yes, they have a specific order where they are executed.
You can find more here angular.io/guide/directive-composition-api#directive-execution-order
If this is not what you meant :) please reply
The official example wasn't helping but these are helpful, I will need more use case for host directive
Glad you found it useful!
Cool example, but I can’t think of practical use cases? Does anyone have any suggestions
Hi Profanis, Just a query at ruclips.net/video/2S6FVt-tQ7M/видео.html why do we need to add MouseEnterDirective to imports array in NgModule when it is already declared as standalone. Can you please clarify? Edited: Got it, as AppComponent is not declared as a standalone we are defining it as a dependency in the imports array. BTW I learned a lot from your videos and am a regular subscriber of yours. Thank you for all your hard work and content.
Thanks for your comment.
We actually do not have to import the HostDirectives in the NgModule. Thanks for pointing this out
exceptional ! i tried it out also with onmouseover event :) thank you for sharing !
Glad you liked it 🙂