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 can either turn off rule in tslint.json

"no-input-rename": false

or disable checking for only specific line like:

// tslint:disable-next-line:no-input-rename
@Input('appAvatarColor') name: string;

My question is why is this considered a bad practice by default?

• Two names for the same property (one private, one public) is inherently confusing.

• You should use an alias when the directive name is also an input property, and the directive name doesn't describe the property.

From https://angular.io/docs/ts/latest/guide/style-guide.html#!#05-13