W3cubDocs

/Angular 4 TypeScript

NgSwitchCase

Stable Directive

What it does

Creates a view that will be added/removed from the parent NgSwitch when the given expression evaluate to respectively the same/different value as the switch expression.

How to use

<container-element [ngSwitch]="switch_expression">
  <some-element *ngSwitchCase="match_expression_1">...</some-element>
</container-element>

Class Overview

class NgSwitchCase implements DoCheck {
  constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<Object>, ngSwitch: NgSwitch)
  
  
  ngSwitchCase : any
  ngDoCheck()
}

Selectors

[ngSwitchCase]

Class Description

Insert the sub-tree when the expression evaluates to the same value as the enclosing switch expression.

If multiple match expressions match the switch expression value, all of them are displayed.

See NgSwitch for more details and example.

Constructor

constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<Object>, ngSwitch: NgSwitch)

Class Details

ngSwitchCase : any
ngDoCheck()

exported from common/index, defined in common/src/directives/ng_switch.ts

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://angular.io/docs/ts/latest/api/common/index/NgSwitchCase-directive.html