Angular 2 using nested ngFor

Question

I get this error when using the below code:

Cannot find a differ supporting object \'[object Object]\' of type \'object\'.

Is there any way to workaround thi

Answer 1

You loop over an objet not an array , so you should point on that array by swtiching to:

  <div *ngFor="let mem of members.members"> 

Answer 2

Your top level iteration is wrong, the array you want to iterate is inside members.members, so it should be:

  <div *ngFor="let mem of members.members"> // here
    {{mem.id}}
    <div class="card-container">
      <div *ngFor="let case of mem.cases">
        {{case.id}}
      </div>
    </div>
  </div>

Answer 3

change

<div *ngFor="let mem of members">

to

<div *ngFor="let mem of members.members">