title: Angular: Bind to an @Input alias
body: <p>I'm trying to set an input alias in a directive following this <a href="https://angular.io/guide/attribute-directives#bind-to-an-input-alias" rel="noreferrer">example</a></p>
  
  <pre><code>  @Input('appAvatarColor') name: string;
  </code></pre>
  
  <p>The program is working, but I'm receiving this warning from TS Lint</p>
  
  <blockquote>
    <p>the directive input property should not be renamed</p>
  </blockquote>
  
  <p>The directive selector is this</p>
  
  <pre><code>@Directive({
    selector: '[appAvatarColor]'
  })
  </code></pre>
  
  <p>Am I doing something wrong?<br>
  Why is this considered a bad practice by default?</p>