Skip to content

Instantly share code, notes, and snippets.

@CoreProgramm
Created April 16, 2020 14:28
Show Gist options
  • Save CoreProgramm/8c754cfec0692976b06919bc1978d319 to your computer and use it in GitHub Desktop.
Save CoreProgramm/8c754cfec0692976b06919bc1978d319 to your computer and use it in GitHub Desktop.
Angular ngFor trackBy
<table>
<thead>
<tr>
<th>Customer ID</th>
<th>Name</th>
<th>Address</th>
<th>Phone</th>
<th>Email</th>
<th>Gender</th>
<th>Index</th>
</tr>
</thead>
<tbody>
<tr *ngFor='let cust of customers; let i=index'>
<td>{{cust.cust_code}}</td>
<td>{{cust.cust_name}}</td>
<td>{{cust.Cust_address}}</td>
<td>{{cust.Cust_phone}}</td>
<td>{{cust.Cust_email}}</td>
<td>{{cust.Cust_gender}}</td>
<td>{{i}}</td>
</tr>
<tr *ngIf="!customers || customers.length==0">
<td colspan="7">
No Customer to display
</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment