dcsimg
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


advertisement
 

Tip: Use ngSwitch Directive to Set the Contents of an Element in a Template

See how to use ng-templates when you need to swap one with another based on a condition.


advertisement

WEBINAR:

On-Demand

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


We use a lot of ng-templates in our HTML and have cases where we would need to swap one with another based on a condition. ngSwitch comes handy in this case. 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>

 

Visit the DevX Tip Bank

 





   
Srinath M. S. says: "I would love to leave a footprint in this flat world."
Thanks for your registration, follow us on our social networks to keep up-to-date