Introducing the Directive Composition API in Angular v15

We are pleased to announce the new Directive Composition API, a long-awaited feature that allows Angular Developers to reuse behaviors from directives without those directives appearing in its public API. Watch an overview and demo of how this works in Angular v15.
Speaker: Jeremy Elbourn
Watch more from the Angular v15 Launch Event → goo.gle/Angularv15
Subscribe to Angular → goo.gle/Angular
Angular Twitter → / angular
#Angular #Developer

IDE complains about the attribute [panel ], but I am so in love with this that I am removing Bootstrap and switching all the code to TailwindCSS + CDK

[@angularjstutoriales]

Looking Super Sharp Jeremy!

[@zokizuan]

Finally, Its here!!

[@StephenMoreira]

Amazing presentation.

[@jeffnikelson5824]

this is so awesome
a pitty that my company is stuck with angular 12 xD

[@jeromemoulin5241]

so good ! thx

[@frontend3409]

What's the rest of top5 requests?

[@gabriel3888]

Thank you for this presentation.

[@mugatu2017]

looks very similar like “host-events” property in component

[@allenhansen5145]

🔥

[@puneetsharma1437]

please give some examples with stackbliz that is so much better

[@UmarKashmiris]

Do hostdirectives work with angular elements?

[@elzoy4278]

Before it is Angular Element, it is a component. Converting components to Angular Elements maps its all inputs and outputs to attributes and events. hostDirectives 'exposes' which is 'adds' inputs and outputs (if needed) so I don't see any problems with that.
In the end hostDirectives works the same way as we would inherit from those directives. The change is in the way we implement that which is in this case a composition instead of inheritance which makes is much easier to deal with.

[@AllegedAllergen]

COMIC SANS WARNING ⚠️