Angular: Bind to an @Input alias

Question

I\'m trying to set an input alias in a directive following this example

  @Input(\'appAvatarColor\') name: string;

The program is working, but

Answer 1

You should rename @Input('appAvatarColor') name: string; to something else for this to differ from the directive name. You can do @Input('avatarColor') name: string; and then simplify it by @Input() avatarColor: string;