Search
 
SCRIPT & CODE EXAMPLE
 

HTML

angular nested if else

<ng-container *ngIf="condition_01; then then_01; else else_01"></ng-container>
<ng-template #then_01>
    <ng-container *ngIf="condition_02; then then_02; else else_02"></ng-container>
    <ng-template #then_02>
        <div>Then 02 block content</div>
    </ng-template>
    <ng-template #else_02>
        <div>Else 02 block content</div>
    </ng-template>
</ng-template>
<ng-template #else_01>
  <div>Else 01 block content</div>
</ng-template>
Comment

nested condition in *ngIf in angular

<ng-container *ngIf="(value1 || value2); else showDefault">
    <ng-container *ngIf="value3!=null && value4==null; else showValue4">
    </ng-container>
    <ng-template #showValue4>
    </ng-template>
</ng-container>
<ng-template #showDefault>
</ng-template>
Comment

PREVIOUS NEXT
Code Example
Html :: password protect html page 
Html :: html button click go to section 
Html :: xpath select td class contains text 
Html :: pdf to html converter 
Html :: h3 in html 
Html :: lorem ipsum shortcut 
Html :: etiqueta negritahtml 
Html :: load image file from input in html 
Html :: cards vuetify 
Html :: hamburger menu 
Html :: carousel html example 
Html :: what is span in html 
Html :: fee receipt format html 
Html :: smaller than small html 
Html :: coloums html 
Html :: html4 
Html :: html to exe 
Html :: htdocs 
Html :: HTML dropdown table 
Html :: tree view in bootstrap 
Html :: image sourceset statamic glide 
Html :: background color change 
Html :: shopify random number 
Html :: npm package private 
Html :: how to remove line breaks in html 
Html :: xss protection 
Html :: html5 input types 
Html :: html div horizontal 
Html :: lan ips 
Html :: floating modal bootstrap 
ADD CONTENT
Topic
Content
Source link
Name
7+2 =