|Home » Tip Bank » Web Development » HTML|
Building the Right Environment to Support AI, Machine Learning and Deep Learning
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>
||Submit a Tip||
||Browse "Web Development" Tips||
||Browse All Tips|