为@Output() 和@Input() 分配别名显示 TSLint 错误

Question

I'm trying to assign an alias to @Output but there are TSLint error,

export class CockpitComponent implements OnInit {
  @Output('bpCreated') blueprintCreated = new EventEmitter<{ serverName: string, serverContent: string }>();
  @Output('srvCreated') serverCreated = new EventEmitter<{ serverName: string, serverContent: string }>();

TSLint: In the class "CockpitComponent", the directive output property "serverCreated" should not be renamed.Please, consider the following use "@Output() serverCreated = new EventEmitter();" (no-output-rename)

so when should Assign an Alias to @Output() and @Input() in Angular?

Answer 1

This is tsLint error, and it's clear says you should not rename it so

either

@Output() blueprintCreated ...

or

@Output() bpCreated ...

or if you insist to have it add this comment on top of each lines and it will ignore it

// tslint:disable-next-line:no-output-rename
@Output('bpCreated') blueprintCreated

Answer 2

you can enable the tslint from Webstorm Preferences (and Suppress error for current line)

I did this in my code:

// tslint:disable-next-line:no-output-native
@Output() close = new EventEmitter();