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>
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>
ngif else
<ng-container
*ngIf="isLoggedIn; then loggedIn; else loggedOut">
</ng-container>
<ng-template #loggedIn>
<div>
Welcome back, friend.
</div>
</ng-template>
<ng-template #loggedOut>
<div>
Please friend, login.
</div>
</ng-template>
angular ngif
<label *ngIf="1==1" > show Label when condition is true </label>
*ngif vs ngif
ngIf is the directive. Because it's a structural directive (template-based), you need to use the * prefix to use it into templates.
*ngIf corresponds to the shortcut for the following syntax ("syntactic sugar"):
<template [ngIf]="condition">
<p>
Our heroes are true!
</p>
</template>
Equivalent to:
<p *ngIf="condition">
Our heroes are true!
</p>
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us