Aller à la définition dans angular html dans Visual Studio Code
Est-il possible, peut-être avec une extension, d'utiliser Go To Definition (F12) lors de l'édition d'un fichier html d'un projet Angular?
Supposons, dans 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>
Je voudrais naviguer vers "myMethod () ..." dans sample.ts, ou naviguer vers le champ du modèle, jusqu'à la ligne "name: string;" dans my-model.ts, car la fonction fonctionne normalement avec les fichiers .ts.
Vous pouvez le faire avec l'extension
Angular Language Service extension for VS Code.
qui a la particularité
Cette extension offre une riche expérience d'édition pour les modèles Angular, à la fois en ligne et externes, notamment:
Listes d'achèvement
Messages de diagnostic AOT
Info rapide
Aller à la définition
Angular Language Service - A handy extension for angular developers