Ng if else

Ngif else

<div *ngIf="isLoggedIn; else loggedOut">
  Welcome back, friend.
</div>

<ng-template #loggedOut>
  Please friend, login.
</ng-template>

Source: ultimatecourses.com

Ng if else

<div *ngIf="condition; else elseBlock">Content to render when condition is true.</div>
<ng-template #elseBlock>Content to render when condition is false.</ng-template>

Source: angular.io

NgIf else

      
        content_copy
      
      <div *ngIf="condition; then thenBlock else elseBlock"></div>
<ng-template #thenBlock>Content to render when condition is true.</ng-template>
<ng-template #elseBlock>Content to render when condition is false.</ng-template>

Source: angular.io

Ng if else

<div *ngIf="condition; then thenBlock else elseBlock"></div>
<ng-template #thenBlock>Content to render when condition is true.</ng-template>
<ng-template #elseBlock>Content to render when condition is false.</ng-template>

Source: angular.io

Ng if else

<div *ngIf="isValid;else other_content">
    content here ...
</div>

<ng-template #other_content>other content here...</ng-template>

Source: stackoverflow.com

Similar codes

31 votes200 views3 answers
Link email
Html
27 votes174 views3 answers
Html editor
Html
2 votes184 views1 answer
Best html emmet extension for vs code
Html
0 vote260 views1 answer
Radio button unchecked html jquery
Html
0 vote125 views1 answer
How to start my sentence in new line html
Html
1 vote182 views1 answer
Ion2 calendar change event
Html
1 vote169 views2 answers
Html div syntax
Html
2 votes177 views5 answers
No.in round using bootstrap
Html
0 vote182 views1 answer
1x1 transparent image base 64
Html
6 votes159 views3 answers
Jquery unescape html
Html