Building Reusable Behaviors
Package behavior as composable directives.
Behaviors as Building Blocks
The composition API shines when you design small, focused directives, each encapsulating one behavior, then compose them onto components as needed.
A Single-Purpose Directive
Keep each behavior tiny and standalone.
@Directive({
selector: '[appElevate]'
})
export class ElevateDirective {
@HostBinding('style.boxShadow')
shadow = '0 2px 8px rgba(0,0,0,.15)';
}All lessons in this course
- The hostDirectives Property
- Exposing Inputs and Outputs
- Building Reusable Behaviors
- Composition vs Inheritance