web-dev-qa-db-ja.com

Visual Studioコードのangular htmlファイルの定義に移動

Angularプロジェクトのhtmlファイルを編集するときに、拡張機能を使用して、定義に移動（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;」行に移動します。関数が通常.tsファイルで機能するため、my-model.ts内。

angularvisual-studio-code
15
gerleim

あなたは拡張機能でこれを行うことができます

Angular Language Service extension for VS Code.

特徴がある

この拡張機能は、Angularテンプレート、インラインテンプレートと外部テンプレートの両方を含む）の豊富な編集エクスペリエンスを提供します。

完了リスト

AOT診断メッセージ

クイックインフォメーション

定義に移動

Angular Language Service - A handy extension for angular developers

24
Sajeetharan