2015-11-05 07:33:56 -05:00
@cheatsheetSection
2015-11-06 07:26:24 -05:00
Built-in directives
2015-11-13 02:14:12 -05:00
@cheatsheetIndex 2
2015-11-05 07:33:56 -05:00
@description
2015-12-12 22:17:26 -05:00
{@target ts}`import {NgIf, ...} from 'angular2/common';`{@endtarget}
{@target js}Available from the `ng.common` namespace{@endtarget}
2015-12-15 20:36:40 -05:00
{@target dart}Available using `platform_directives` in pubspec{@endtarget}
2015-11-05 07:33:56 -05:00
@cheatsheetItem
2015-12-09 07:33:42 -05:00
syntax:
2015-11-23 19:02:19 -05:00
`<section *ngIf="showSection">` |`*ngIf`
2015-12-09 07:33:42 -05:00
description:
2015-11-05 07:33:56 -05:00
Removes or recreates a portion of the DOM tree based on the showSection expression.
@cheatsheetItem
2015-12-09 07:33:42 -05:00
syntax:
2015-11-23 19:02:19 -05:00
`<li *ngFor="#item of list">` |`*ngFor`
2015-12-09 07:33:42 -05:00
description:
2015-11-05 07:33:56 -05:00
Turns the li element and its contents into a template, and uses that to instantiate a view for each item in list.
@cheatsheetItem
2015-12-09 07:33:42 -05:00
syntax:
2015-11-23 19:02:19 -05:00
`< div [ ngSwitch ] = " conditionExpression " >
< template [ ngSwitchWhen ] = " case1Exp " > ...< / template >
< template ngSwitchWhen = "case2LiteralString" > ...< / template >
< template ngSwitchDefault > ...< / template >
< / div > `|`[ngSwitch]`|`[ngSwitchWhen]`|`ngSwitchWhen`|`ngSwitchDefault`
2015-12-09 07:33:42 -05:00
description:
2015-11-05 07:33:56 -05:00
Conditionally swaps the contents of the div by selecting one of the embedded templates based on the current value of conditionExpression.
@cheatsheetItem
2015-12-09 07:33:42 -05:00
syntax:
2015-11-23 19:02:19 -05:00
`<div [ngClass]="{active: isActive, disabled: isDisabled}">` |`[ngClass]`
2015-12-09 07:33:42 -05:00
description:
2015-12-10 12:52:19 -05:00
Binds the presence of CSS classes on the element to the truthiness of the associated map values. The right-hand side expression should return {class-name: true/false} map.