Predefined Live Templates for Angular 2 HTML

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.

ngRouterLink

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.