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

13 votes51 views1 answer
Git clone subdirectory only
Html
0 vote104 views1 answer
Parse html with regex
Html
3 votes103 views1 answer
Html mailto link with content
Html
1 vote55 views1 answer
How to remove .php .html extension with .htaccess
Html
0 vote106 views1 answer
Asciidoc anchor
Html
1 vote111 views1 answer
Am pm time html javascript
Html
0 vote104 views1 answer
Email confirmation html template
Html
29 votes121 views4 answers
Html starter template
Html
4 votes106 views3 answers
Show 4 horizontal radio buttons bootstrap 4
Html
1 vote98 views1 answer
How to set an element affected by tab
Html