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 vote163 views1 answer
Px in react is different from html file
Html
0 vote159 views1 answer
Image cut by div border
Html
0 vote154 views1 answer
Html add line break in string on screen size
Html
4 votes162 views6 answers
Bootstrap documentation
Html
0 vote156 views1 answer
Static html require a role
Html
0 vote167 views1 answer
Php prevent form resubmission
Html
8 votes164 views6 answers
Bootstrap table
Html
1 vote206 views1 answer
Html white space on both sides of the page
Html
3 votes166 views2 answers
Kommentar html
Html
0 vote152 views1 answer
Twitter icon html5
Html