【问题标题】:How to show references coming from HTML-Files (Angular-Templates) in TypeScript files within VSCode?如何在 VSCode 中的 TypeScript 文件中显示来自 HTML 文件(Angular 模板)的引用?
【发布时间】:2020-01-14 02:11:58
【问题描述】:

如您所知,您可以在 VSCode 中启用以下设置以在编辑器中查看引用:

"typescript.implementationsCodeLens.enabled": true,
"javascript.referencesCodeLens.enabled": true

正如您在下图中看到的,没有引用(参见下面的代码和方法名称“myOperations”上方的灰色引用信息文本)0 references

但实际上,它是存在的!它存在于一个角度模板中:

<div class="some-cool-class">
  <my-super-thing
    *ngIf="ifItIsCool"
    (operations)="myOperations($event)"
  >
  </my-super-thing>

我能以某种方式处理吗?我如何也可以从模板中查看引用(方法调用)?

【问题讨论】:

  • 我也会对扩展感到满意,..
  • 我知道你问过 VSCode。只是说它在 Intellij Idea 中有效
  • @DPro 谢谢,Intellij/Webstorm/.. 是我以前的编辑器。他们做得很好,但公司必须在 VSCode 统治世界之前改变其定价政策。每月 6,90 美元(每月可取消)是可以接受的。否则他们会失去越来越多的市场份额,软件太贵了,..

标签: angular typescript visual-studio-code reference


【解决方案1】:

2021 年 1 月 26 日编辑(来自 Johan Aspeling):

似乎终于用新的 Ivy 语言服务修复了(在 Angular 11 中使用) Angular Language Service v11+

===

Angular 的官方语言服务不支持该功能。

There is an open issue to add it 将被完全忽略两年多,a second issue opened a year ago 也将被忽略。

【讨论】:

  • 谢谢,第一个提出的解决方案得到了积分:)
  • 不幸的是,解决方案似乎是“向 angular/vscode-ng-language-service 编写 PR”。
  • 是的,我知道,谢谢。欢迎任何进展,也许有人现在已经在做,或者有人已经为 VSCode 编写了扩展但尚未发布?谁知道?我想知道。
  • 我也希望如此。那是相当可怜的。
  • 似乎终于用新的 Ivy 语言服务修复了(在 Angular 11 中使用)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-07-23
  • 1970-01-01
  • 2019-12-16
  • 2020-07-31
  • 2019-09-08
  • 2021-07-09
相关资源
最近更新 更多