ReSharper 2022.1 Help

Predefined Live Templates for Angular 2 HTML

ReSharper | Templates Explorer | Live Templates | Angular 2 HTML

This topic lists all predefined live templates for Angular 2 HTML in ReSharper 2022.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 list of items describing current context. This includes file name, containing type name, namespace name, etc. (context)

nguid

Insert new GUID

Scope everywhere

Body

$GUID$

Parameters

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

<script

Create script tag

Scope HTML and similar tags

Body

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

Parameters

  • attributeValue - Suggest attribute value for current html tag attribute (suggestAttributeValue)

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

a

Create tag attribute

Scope HTML and similar attributes

Body

$ATTR$="$END$"

Parameters

  • ATTR - Suggests attribute name used in the same tags in current document (suggestAttributeNameByTag)

  • 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. (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 visible variable that can be enumerated (that is, used in foreach loop as collection) (enumerableVariable)

  • 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: 21 July 2022