2017-11-10 3 views
3

Angularプロジェクトのhtmlファイルを編集するときに、拡張機能を使用して定義(F12)を使用できますか?Visual Studioの角HTMLファイルの定義に移動します。コード

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ファイルで動作します。

答えて

2

あなたは、インラインおよび外部テンプレートの両方を含む拡張機能この拡張は、角度テンプレートの豊富な編集体験を提供

を持って

Angular Language Service extension for VS Code.

でこれを行うことができます。

完了リスト

AOT診断メッセージ

定義

Angular Language Service - A handy extension for angular developers

+1

にクイックインフォ

ゴーすぐテスト... そして、魔法のように動作します...おかげで、これは私が探していたものですために。 – gerleim

関連する問題