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

0 vote114 views1 answer
Ionic 5-star-rating
Html
24 votes115 views3 answers
Change icon html
Html
2 votes112 views2 answers
Css image as button
Html
11 votes104 views5 answers
Html button disabled
Html
2 votes116 views1 answer
How can i make that user cant input sonething textbx
Html
0 vote137 views1 answer
How to check if html table is empty using jquery
Html
31 votes122 views6 answers
Input file accept image
Html
1 vote108 views4 answers
Table
Html
1 vote155 views2 answers
Show spinner during API request pure html and jquery
Html
2 votes108 views3 answers
How to disable a link
Html