Loading...

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;
}