Did you know @Input() can auto-transform values with zero boilerplate?
ā
Required inputs
ā
Aliases
ā
Getters/Setters
ā
NEW: Input transforms like booleanAttribute, numberAttribute, or custom transforms!
š Example: Auto-trim whitespace from input:
@Component({
selector: 'app-user',
template: `<p>{{ username }}</p>`,
})
export class UserComponent {
@Input({ transform: (val: string) => val.trim() })
username: string;
}
