是否可以在编辑 Angular 项目的 html 文件时使用 Go To Definition (F12)（可能带有扩展名）？
假设在 sample.html 中：
<input matInput class="app-input" placeholder="InputName" [(ngModel)]="myNodel.name">
...
<button mat-mini-fab class="plus"
(click)="myMethod()"
<mat-icon>arrow_forward</mat-icon>
</button>
我想导航到 sample.ts 中的“myMethod() ...”，或者导航到模型的字段，到“name: string;”行在 my-model.ts 中，因为该函数通常适用于 .ts 文件。
【问题讨论】：
标签： angular visual-studio-code
你可以通过扩展来做到这一点
Angular Language Service extension for VS Code.
有什么特点
此扩展为 Angular 模板提供了丰富的编辑体验，包括内联和外部模板，包括：
完成列表
AOT 诊断消息
快速信息
转到定义
Angular Language Service - A handy extension for angular developers
【讨论】：
F12（例如<myDropDown>）无法进入定义？只需显示No definition found for <myDropDown>。没事吧？
你可以使用这个扩展angular2-switcher
这是我最喜欢的，我为谁担心。
https://marketplace.visualstudio.com/items?itemName=infinity1207.angular2-switcher
【讨论】：
您只需要一个扩展程序 Angular Essentials by John Papa
通过安装这个你的 vscode 将成为专业的编辑器
【讨论】：