Which @angular/* package(s) are relevant/related to the feature request?

language-service

Description

This issue was raised in the vscode-ng-language-service repo by @mr1008 ie angular/vscode-ng-language-service#1995, however I think it would be implemented in the base language service which is in this repo.

Description copied from angular/vscode-ng-language-service#1995,

🚀 feature request

Description

Currently there is no way of marking components as deprecated. It would be cool if template editor supported standard way how deprecated code should be marked in TS/JS, using JSDoc @deprecated feature. This would help working in enterprise grade environment when there are multiple components and some of these should no longer be used. Currently it is very easy to forget/overlook such usage. Displaying it somehow in editor in straightforward way would help a lot.

Feature Type

Display somehow that component is deprecated.

Describe the solution you'd like

I believe the standard way of displaying would be fine, similar way as vscode does for TS/JS code. Currently WebStorm supports it and it looks like in the screenshot:

It supports standard way of marking elements as deprecated using JSDoc @deprecated feature. For example:

/**

• @deprecated DO NOT USE THIS TABLE.
  */
  @component({
  selector: 'app-table-old',
  templateUrl: './old-table.component.html',
  styleUrls: ['./old-table.component.scss']
  })

FYI @Mr1008

Proposed solution

This could be implemented as a rule that provides diagnostics with deprecated tags that are then shown in the IDE, similar as happens in Typescript files.

Alternatives considered

No alternatives in VS Code.

The functionality seems to be available in Webstorm, sounds like they have a forked or extended version of the language service. It would be good to have this in the base language service so more IDEs can have this functionality.