Vscode-ng-language-service: Incorrect handling of inherited input property

Created on 29 Sep 2020 · 2Comments · Source: angular/vscode-ng-language-service

Angular Language Service can't correctly handle inherited input property if it listed in @Component decorator of base component (rather than decorated by @Input decorator).

To Reproduce

Unpack attached source code.
inheritance.zip
Run 'npm install' in the unpacked folder.
Open folder with the unpacked files in VSCode
Open Problems panel (there is no error).
Open src/app/derived/derived.component.ts file.
Open src/app/app.component.html file.
Switch to derived.component.ts file and comment out line 12:
Observe error in Problems panel (nevertheless application runs correctly):

Expected behavior
No error should arise.

bug ivy

Source

dyurusov

👍7

Most helpful comment

I have the same kind of issue based with libraries:

My project used libraries:

I have a base class in a library A
The class/interface declaration in library B
The instantiation in my Project NG.
It identifies the properties done in library B but not the one done in library A.

Regards

brice-prunier-dev on 14 Oct 2020

👍2

All 2 comments

I have the same kind of issue based with libraries:

My project used libraries:

I have a base class in a library A
The class/interface declaration in library B
The instantiation in my Project NG.
It identifies the properties done in library B but not the one done in library A.

Regards

brice-prunier-dev on 14 Oct 2020

👍2

This has been fixed by the new Ivy-native language service, released in v11.1.0.
It's an opt-in feature for now, please give it a try and let us know if you have any feedback.
For the best editor experience, please make sure your project has strictTemplates enabled in angularCompilerOptions.
In case you run into similar bug, please file a new issue. I'll close this for now.