Home » Tip Bank » Web Development » HTML
  • Comment on this Article
Apr 5, 2019
  • facebook
  • twitter
  • in
  • Email

WEBINAR:

On-Demand

Building the Right Environment to Support AI, Machine Learning and Deep Learning


Watch

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

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>

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

<template [ngSwitchDefault]="no match">
...
<template >
</div>
Srinath MS
 
Submit a Tip
Browse "Web Development" Tips
Browse All Tips
html-color-codes.info
w3.org