ReSharper 2023.1 Help

Predefined Live Templates for Angular 2 HTML

This topic lists all predefined live templates for Angular 2 HTML in ReSharper 2023.1. For more information about live templates, see Create source code using live templates.

Template

Details

ctx

Current file context

Scope Everywhere

Body

$CTX$

Parameters

  • CTX - Provides a list of items describing current context. This includes file name, containing type name, namespace name, etc.

nguid

Insert new GUID

Scope Everywhere

Body

$GUID$

Parameters

  • GUID - Generates a new Globally Unique Identifier (GUID)

<script

Create script tag

Scope HTML and similar tags

Body

<script type="$attributeValue$">$END$</script>

Parameters

  • attributeValue - Suggests an attribute value for the current HTML tag attribute

  • END - The caret position after the template is applied.

a

Create tag attribute

Scope HTML and similar attributes

Body

$ATTR$="$END$"

Parameters

  • ATTR - Suggests an attribute name used in the same tags in the current document

  • END - The caret position after the template is applied.

ngClass

Scope Angular 2 HTML attributes

Body

[ngClass]="{'$cssClass$': $expression$}"$END$

Parameters

  • cssClass - no macro

  • expression - Displays the specified list of values in the completion list

  • END - The caret position after the template is applied.

ngFor

Scope Angular 2 HTML attributes

Body

*ngFor="let $item$ of $list$"$END$

Parameters

  • item - Suggests a visible variable that can be enumerated (that is, used in a foreach loop as collection)

  • list - no macro

  • END - The caret position after the template is applied.

ngIf

Scope Angular 2 HTML attributes

Body

*ngIf="$expression$"$END$

Parameters

  • expression - no macro

  • END - The caret position after the template is applied.

ngModel

Scope Angular 2 HTML attributes

Body

[(ngModel)]="$binding$"$END$

Parameters

  • binding - no macro

  • END - The caret position after the template is applied.

Scope Angular 2 HTML attributes

Body

[routerLink]="['$routeName$']"$END$

Parameters

  • routeName - no macro

  • END - The caret position after the template is applied.

ngStyle

Scope Angular 2 HTML attributes

Body

[ngStyle]="{'$style$': $expression$}"$END$

Parameters

  • style - no macro

  • expression - no macro

  • END - The caret position after the template is applied.

Last modified: 27 March 2023