Normally We will use the *ngIf to show hide the controls by using following method
<div *ngIf="showIf">
<p>
Showing the if part
</p>
</div>
Where showIf needs to be declared in the component.ts file and it needs to be set as true in order to view that control
Like this
showIf: Boolean;
in the constructor or in the ngIf
this. showIf – true;
For Else we need to create a ng-template and call in the else part like below
Please Note: the ng-template’s id should be unique
<div *ngIf="showIf; else elsePart">
<p
Showing the if part
</p>
</div>
<ng-template #elsePart>
<p>
Showing the else part
</p>
</ng-template>
Example Source can be found at : https://angular-ivy-5vysbz.stackblitz.io
Comments