Use ngSwitch Directive to Dynamically Get the Contents of an Element in a Template

Friday Apr 5th 2019 by Srinath MS
Article Image

Language: Web, Expertise: Intermediate - See how to easily swap one ng-template for another.

We use a lot of ng-templates in our HTML and have cases in which we would need to swap one with the other based on a condition. ngSwitch comes in handy in these cases.

Please see below for an example.

<div [ngSwitch]="put the condition expression here">
<template [ngSwitchCase]="condition value1">

<template [ngSwitchCase]="condition value 2">

<template [ngSwitchDefault]="no match">
<template >
Mobile Site | Full Site