angular ngif condition code example
Example 1: ngif else
<div *ngIf="isLoggedIn; else loggedOut">
Welcome back, friend.
</div>
<ng-template #loggedOut>
Please friend, login.
</ng-template>
Example 2: 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>
Example 3: ngif
<div *ngIf="condition; else elseBlock">
<button class="xx" *ngIf="flag" (click)="doFunct()">Next</button>
--While (t/f boolean variable called "flag") is true
This button will be visible + click button executes function
Once this "flag" becomes false this button disapears
Example 4: ng if
<div *ngIf="condition">
Example 5: ng-if
<label>Click me: <input type="checkbox" ng-model="checked" ng-init="checked=true" /></label><br/>
Show when checked:
<span ng-if="checked" class="animate-if">
This is removed when the checkbox is unchecked.
</span>
Example 6: ng elseif
<ng-container *ngIf="tipo_template === 0">
<!-- Conteúdo 0 aqui -->
</ng-container>
<ng-container *ngIf="tipo_template === 1">
<!-- Conteúdo 1 aqui -->
</ng-container>
<ng-container *ngIf="tipo_template === 2">
<!-- Conteúdo 2 aqui -->
</ng-container>