Docs4dev
Docs
angular / 4 / api / common / ngswitchdefault.html

NgSwitchDefault

directive

npm Package @angular/common
Module import { NgSwitchDefault } from '@angular/common';
Source common/src/directives/ng_switch.ts
NgModule CommonModule

Creates a view that is added to the parent NgSwitch when no case expressions match the switch expression.

Overview

@Directive({ selector: '[ngSwitchDefault]' })
class NgSwitchDefault {
}

How To Use

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

Selectors

[ngSwitchDefault]

Description

Insert the sub-tree when no case expressions evaluate to the same value as the enclosing switch expression.

See NgSwitch for more details and example.

Constructor

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

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v4.angular.io/api/common/NgSwitchDefault