Loading...

Post

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