[Angular] pobieranie danych z rest Api

mam w service

  getEmployeesList(): Observable<any> {
    return this.http.get(`${this.baseUrl}`);
  }

w widoku wszystkich pracowników:

  ngOnInit() {
    this.reloadData();
  }

  reloadData() {
    this.employees = this.employeeService.getEmployeesList();
  }

w htmlu:

<tr *ngFor="let employee of employees | async">
          <td>{{employee.name}}</td>
          <td>{{employee.lastname}}</td>
          <td>{{employee.email}}</td>
          <td><button (click)="deleteEmployee(employee.id)">Delete</button></td>
        </tr>

i nie chce mi pobrać danych:
wyskakuje błąd:

ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

Zupełnie się nie znam, ale założę się o dychę, że API zwraca Ci obiekt zamiast tablicy :)

Właśnie tyle się zorrientowałam... ponoć jakoś subscribe i .map można to przekonwertować, ale nie mam pomysłu jak to ma wyglądać.

Kombinuj, pomocy nie brakuje: https://angular.io/guide/rx-library Niestety nie podałaś, jakie dane zwraca Twoje API, wiec ciężko nawet podać gotowe rozwiązanie.

Zwraca jsona
np:

{
"success": true,
"data": [
{
"id": 1,
"name": "X",
"lastname": "Y",
"email": "[email protected]"
}
],
"msg": "Cała lista"
}

No wyciągnij ta listę użytkowników z tego jsona

reloadData() {
    this.employees = this.employeeService.getEmployeesList().data;
  }

pomogło coś innego
W szablonie umieściłam:

        <tr *ngFor="let employee of (employees | async).data">

tylko nadal mam błędy w konsoli:

ERROR TypeError: Cannot read property 'data' of null

I nie wiem dlaczego nie może czytać jak widać dane

coś takiego?

 reloadData() {
   this.employeeService.getEmployeesList().subscribe(res => this.employees = res.data);
  }

Zrób sobie interfejs, który by Ci odzwierciedlał response z API - będzie Ci łatwiej potem z tego korzystać. Skorzystaj tak jak wcześniej wspomniałaś z pipe i map:

this.employees$ = this.http.getEmployees().pipe(map(employees => employees.data));

Wtedy w template masz:

<ng-container *ngFor="let employee of employees | async">
<tr>{{employee}}</tr>
</ng-container>