Данные не отображаются в браузере, хотя я получаю данные на 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