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

5 votes136 views3 answers
Bootstrap hamburger menu
Html
3 votes133 views1 answer
Modal by clicking button
Html
0 vote146 views1 answer
Subscript formatting html
Html
38 votes132 views6 answers
Html iframe example
Html
4 votes153 views1 answer
Html css good button
Html
0 vote141 views1 answer
Border corner frames image css
Html
0 vote136 views1 answer
Data-url html
Html
0 vote139 views1 answer
How can i make a quote element in html
Html
63 votes138 views3 answers
Bootstrap form background color
Html
4 votes134 views1 answer
Test image as base 64 string
Html