UNPKG

angular2

Version:

Angular 2 - a web framework for modern web apps

75 lines (74 loc) 2.61 kB
import { ViewContainerRef, TemplateRef } from 'angular2/src/core/linker'; export declare class SwitchView { private _viewContainerRef; private _templateRef; constructor(_viewContainerRef: ViewContainerRef, _templateRef: TemplateRef); create(): void; destroy(): void; } /** * The `NgSwitch` directive is used to conditionally swap DOM structure on your template based on a * scope expression. * Elements within `NgSwitch` but without `NgSwitchWhen` or `NgSwitchDefault` directives will be * preserved at the location as specified in the template. * * `NgSwitch` simply chooses nested elements and makes them visible based on which element matches * the value obtained from the evaluated expression. In other words, you define a container element * (where you place the directive), place an expression on the **`[ng-switch]="..."` attribute**), * define any inner elements inside of the directive and place a `[ng-switch-when]` attribute per * element. * The when attribute is used to inform NgSwitch which element to display when the expression is * evaluated. If a matching expression is not found via a when attribute then an element with the * default attribute is displayed. * * ### Example * * ``` * <ANY [ng-switch]="expression"> * <template [ng-switch-when]="whenExpression1">...</template> * <template [ng-switch-when]="whenExpression1">...</template> * <template ng-switch-default>...</template> * </ANY> * ``` */ export declare class NgSwitch { private _switchValue; private _useDefault; private _valueViews; private _activeViews; ngSwitch: any; } /** * Defines a case statement as an expression. * * If multiple `NgSwitchWhen` match the `NgSwitch` value, all of them are displayed. * * Example: * * ``` * // match against a context variable * <template [ng-switch-when]="contextVariable">...</template> * * // match against a constant string * <template ng-switch-when="stringValue">...</template> * ``` */ export declare class NgSwitchWhen { private _switch; constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef, _switch: NgSwitch); ngSwitchWhen: any; } /** * Defines a default case statement. * * Default case statements are displayed when no `NgSwitchWhen` match the `ng-switch` value. * * Example: * * ``` * <template ng-switch-default>...</template> * ``` */ export declare class NgSwitchDefault { constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef, sswitch: NgSwitch); }