How to fix TSlint firing on @Input() with set/get in Angular?

Question

Angular

The rule in tslint.json is:

...
"no-unsafe-any": true
...

The component uses two-way binding:

...
@Input() public get value(): string {
return this._value;
}
public set value(newValue: string) {
this._value = newValue;
this.valueChange.emit(this.value);
}
...

Linter throws an error on @Input() . Tell me how to fix it without disabling the rule?

Answer 1

For two-way linking, you need

@Input()
public value: string;

@Output()
public valueChange: EventEmitter<string>;