<tbody>
<tr *ngFor="let employee of employees">
<td>
<img src="assets/images/{{ employee.gender | lowercase }}.png"
class="card-image" alt="employee avatar" />
</td>
<td>{{ employee.firstName | capitalize }}</td>
<td>{{ employee.lastName | capitalize }}</td>
<td>{{ employee.address }}</td>
<td>{{ employee.city | trim }}</td>
<td>{{ employee.state.name }}</td>
<td>{{ employee.salary | currency:'USD':true:'1.2-2' }}</td>
<td>{{ employee.joinDate | date:"MM/dd/yy"}}</td>
<td><rating-star></rating-star></td>
</tr>
<tr *ngIf="!employees.length">
<td> </td>
<td colspan="6">No Employees Found</td>
</tr>
</tbody>