Directive Communication with exportAs
Explain how exportAs lets a template reference variable expose a directive's instance instead of the native element.
By default, a template reference variable placed on an element resolves to the native DOM element, but if a directive on that same element declares an exportAs name, using that name in the reference variable (#ref="exportAsName") instead resolves to the directive's instance, giving the template direct access to the directive's public properties and methods. This is exactly how Angular's own RouterLinkActive (exportAs: 'routerLinkActive') and NgForm (exportAs: 'ngForm') work, both extremely common patterns most Angular developers have used without necessarily naming the mechanism.
It's like a conference badge with multiple roles printed on the back — 'Speaker', 'Volunteer' — and calling out a specific role lets people address you in that specific capacity, instead of defaulting to just your name.