<app-employeecount [all]= "gettotalemployeescount()"
<app-employeecount [all]= "gettotalemployeescount()"
[male]= "gettotalmaleemployeescount()"
[female]="gettotalfemaleemployeescount()"
(onEmployeeCountRadioButtonChange) = "onEmployeeCountRadioButtonChange($event)">
</app-employeecount>
<br/>
<table>
<thead>
<tr>
<th>employeeid</th>
<th>fullname</th>
<th>gender</th>
<th>phone number</th>
<th>Yearly Salary</th>
<th>Start Date</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor = "let employee of employeelist;">
<tr *ngIf = "selectedEmployeeCountRadioButton=='All' || selectedEmployeeCountRadioButton=employee.gender">
<td>{{employee.employeeid}}</td>
<td>{{employee.fullname}}</td>
<td>{{employee.gender}}</td>
<td>{{employee.phonenumber}}</td>
<td>{{employee.salary | currency:'USD':'1.2-3'}}</td>
<td>{{employee.startdate | date:'dd/MM/y' | uppercase}}</td>
</tr>
</ng-container>
<tr *ngIf = "!employeelist || employeelist.length==0">
<td colspan="6">No Employees are available right now</td>
</tr>
</tbody>
</table> [male]= "gettotalmaleemployeescount()"
[female]="gettotalfemaleemployeescount()"
(onEmployeeCountRadioButtonChange) =
"onEmployeeCountRadioButtonChange($event)">
</app-employeecount>
<br/>
<table>
<thead>
<tr>
<th>employeeid</th>
<th>fullname</th>
<th>gender</th>
<th>phone number</th>
<th>Yearly Salary</th>
<th>Start Date</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor = "let employee of employeelist;">
<tr *ngIf = "selectedEmployeeCountRadioButton=='All' ||
selectedEmployeeCountRadioButton=employee.gender">
<td>{{employee.employeeid}}</td>
<td>{{employee.fullname}}</td>
<td>{{employee.gender}}</td>
<td>{{employee.phonenumber}}</td>
<td>{{employee.salary | currency:'USD':'1.2-3'}}</td>
<td>{{employee.startdate | date:'dd/MM/y' | uppercase}}</td>
</tr>
</ng-container>
<tr *ngIf = "!employeelist || employeelist.length==0">
<td colspan="6">No Employees are available right now</td>
</tr>
</tbody>
</table>