ahmed_sa Ответов: 1

Данные не отображаются в браузере, хотя я получаю данные на console.log(data)angular


проблема

данные не отображаются в браузере, хотя я получаю данные на console.log(data)Angular ?

мне нужно показать список сотрудников данных, но проблема не отображается в браузере, но если я сделаю console.log(data)

он отображается в виде массива объектов и данных шоу, если вы делаете проверку в браузере

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)
    });  
  }

Я изменил код на вид следующим образом
<tbody>  
 <tr *ngFor = "let emp  of employees">
 </tr>
 </tbody>  


Что я уже пробовал:

Общий доступ к файлам и их хранение упрощены[^]

dataresult
employeelist.component.ts:18 (2) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]0: {employeeId: 1, branchCode: 1, employeeName: "ahmed", employeeAge: 12, joinDate: "2018-12-12T00:00:00", …}1

1 Ответов

Рейтинг:
2

Kornfeld Eliyahu Peter

Нет никакого соответствия между вашим HTML и TS...
В HTML вы запускаете двойной цикл на documents а внутри него дальше employees текущего документа...
В вашем ТС такого нет documents только одна переменная из employees (заполняется через какой-то API)...


ahmed_sa

спасибо за ответ
я изменил пост но тоже не работал

ahmed_sa

все еще не работает