ツイートはてブ LINE Pocket

Angular 2 HTML の事前定義済みライブテンプレート

このトピックでは、ReSharper 2024.3 の Angular 2 HTML 用の事前定義されたライブテンプレートをすべてリストします。ライブテンプレートの詳細については、「ライブテンプレートを使用してソースコードを作成する」を参照してください。

テンプレート	詳細
`ctx`	現在のファイルコンテキストどこでもスコープ本文 $CTX$ パラメーター `CTX` - 現在のコンテキストを説明するアイテムのリストを提供します。これには、型名、名前空間名などを含むファイル名が含まれます。
`nguid`	新しい GUID を挿入どこでもスコープ本文 $GUID$ パラメーター `GUID` - 新しいグローバル一意識別子を生成します (GUID)
`<script`	スクリプトタグを作成するスコープ HTML および同様のタグ本文 <script type="$attributeValue$">$END$</script> パラメーター `attributeValue` - 現在の HTML タグ属性の属性値を提案します `END` - テンプレートが適用された後のキャレット位置。
`a`	タグ属性を作成スコープ HTML および同様の属性本文 $ATTR$="$END$" パラメーター `ATTR` - 現在のドキュメントの同じタグで使用されている属性名を提案します `END` - テンプレートが適用された後のキャレット位置。
`ngClass`	スコープ Angular2HTML 属性本文 [ngClass]="{'$cssClass$': $expression$}"$END$ パラメーター `cssClass` - マクロなし `expression` - 補完リストで指定された値のリストを表示します `END` - テンプレートが適用された後のキャレット位置。
`ngFor`	スコープ Angular2HTML 属性本文 ngFor="let $item$ of $list$"$END$ パラメーター* `item` - 列挙可能な可視変数を提案します (つまり、foreach ループでコレクションとして使用されます) `list` - マクロなし `END` - テンプレートが適用された後のキャレット位置。
`ngIf`	スコープ Angular2HTML 属性本文 ngIf="$expression$"$END$ パラメーター* `expression` - マクロなし `END` - テンプレートが適用された後のキャレット位置。
`ngModel`	スコープ Angular2HTML 属性本文 [(ngModel)]="$binding$"$END$ パラメーター `binding` - マクロなし `END` - テンプレートが適用された後のキャレット位置。
`ngRouterLink`	スコープ Angular2HTML 属性本文 [routerLink]="['$routeName$']"$END$ パラメーター `routeName` - マクロなし `END` - テンプレートが適用された後のキャレット位置。
`ngStyle`	スコープ Angular2HTML 属性本文 [ngStyle]="{'$style$': $expression$}"$END$ パラメーター `style` - マクロなし `expression` - マクロなし `END` - テンプレートが適用された後のキャレット位置。

最終更新日: 2024 年 11 月 06 日

関連ページ：

ライブテンプレートを使用してソースコードを作成する

ライブテンプレートは、Visual Studio のコードスニペットの ReSharper のはるかにインテリジェントなバージョンです。コードスニペットとは異なり、ReSharper のテンプレートは、使用できる変数、フィールド、型をコンテキストから予測できます。ほとんどの場合、自分で何も入力する必要はありません。推奨値のリストから選択するだけです。ReSharper は、サポートされているすべての言語用に事前定義されたライブテンプレートを豊富に提供します。事前定義テンプレートのリストには、コレ...