hamzahamidi / angular-forum Goto Github PK

employeelist.component.html
<div class="col-md-12">  
  <h2> User Details</h2>  
  <div class="table-responsive table-container">  
      
    <table class="table">  
      <thead>  
        <tr>  
          <th>EmployeeId</th> 
          <th>BranchCode</th>  
          <th>EmployeeName</th>  
          <th>EmployeeAge</th>  
          <th>JoinDate</th>  
          <th>BirthDate</th>  
          <th>Active</th>  
        </tr>  
      </thead>  
      <tbody *ngFor="let doc of documents; let i = index">  
          <tr *ngFor = "let emp  of doc.employees">
              <td> {{emp.EmployeeId}}</td>  
              <td> {{emp.BranchCode}}</td>  
              <td> {{emp.EmployeeName}}</td>  
              <td>{{emp.EmployeeAge}}</td>  
              <td>{{emp.JoinDate}}</td>  
              <td>{{emp.BirthDate}}</td> 
              <td>{{emp.Active}}</td> 
          </tr>
           
          
        
      </tbody>  
    </table>  
  </div>  
</div>  

on apiservice file 
 getEmployees() {  
                return this.http.get<Employee[]>('https://localhost:44326/api/Employee');  
              } 
on employeelist.component.ts
})
export class EmployeeListComponent implements OnInit {
  employees: Employee[];
  constructor(private apiservice: ApiService,private toastr : ToastrService) { }

  ngOnInit() {
    this.apiservice.getEmployees().subscribe((data: Employee[]) => {  
      this.employees = data;  
      console.log(this.employees)
    });  
  }
Data show on console.log(this.employee) as following


employeelist.component.ts:18 (2) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]0: {employeeId: 1, branchCode: 1, employeeName: "ahmed", employeeAge: 12, joinDate: "2018-12-12T00:00:00", …}1: {employeeId: 2, branchCode: 1, employeeName: "aziz", employeeAge: 20, joinDate: "2018-12-12T00:00:00", …}2: {employeeId: 3, branchCode: 1, employeeName: "ahmed", employeeAge: 12, joinDate: 85-12-12T00:00:00", …}length: 3__proto__: Array(0)
but on browser data is empty

https://www.mediafire.com/view/rw2lbkvweaojyus/Capture.JPG/file