NgIf

Ngif

content_copy
<div *ngIf="condition as value; else elseBlock">{{value}}</div>
<ng-template #elseBlock>Content to render when value is null.</ng-template>

Source: angular.io

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

NgIf

 

<ul>
 

 

 

 
 

 

 

 

 
<li *ngFor =#customer of customers>
 

 

 

 

 

 

 

 
 

 

 

 

 

 

 

 

 
{{customer.name}}
 

 

 

 
 

 

 

 

 
</li>
<div *ngIf=”vm.isVIP”> 

 

 

 

 
<h3> VIP Customer </h3> 
</div>

Source: tektutorialshub.com

NgIf

Source: tektutorialshub.com

Ngif

content_copy
<ng-template [ngIf]="condition"><div>Content to render when condition is
true.</div></ng-template>

Source: angular.io

NgIf

 
<ul>
 
 
 

 
 
 
 
 
 <li *ngFor =#customer of customers>
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 {{customer.name}}
 
 
 

 
 
 
 
 
 </li> </ul> <div *ngIf=”vm.isVIP”> 
 
 
 
 <h3> VIP Customer </h3> </div>

Source: tektutorialshub.com

NgIf

 
<ul>
 
 
 

 
 
 
 
 
 
 
 <h3> VIP Customer </h3> </div>

Source: tektutorialshub.com

Ngif

content_copy
<div *ngIf="condition">Content to render when condition is true.</div>

Source: angular.io

Similar codes

2 votes142 views6 answers
How to print hello world in c
C
0 vote142 views1 answer
Command line coursera
C
0 vote144 views1 answer
How to take comma separated integer input in c
C
0 vote133 views1 answer
Warning: function returns address of local variable [-Wreturn-local-addr]
C
0 vote132 views1 answer
Worst case algorithm
C
0 vote189 views1 answer
Can we update values of a map via traversing
C
32 votes137 views7 answers
Add two numbers in c
C
2 votes273 views1 answer
How to modulo decimal c
C
0 vote129 views5 answers
Helloworld c
C
0 vote151 views1 answer
Python project script run
C