web-dev-qa-db-fra.com

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.

angularvisual-studio-code
15
gerleim

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

24
Sajeetharan