Массив массивов в угловом классе

Я новичок в Angular и не могу понять, как перебрать массив внутри массива.

Я пытаюсь добиться того же, что и следующий код C:

   for (int i = 0; i < 10; i ++){
       printf ("%d", ar[i]);

       for (int j =0; j < 3; j ++ )
       {
           printf ("%d", arre[j]);
       }
       printf ("\n");
   }

Но в моем случае у меня есть класс:

class Arende{
    Id:number 
    Namn :string 
    Status :string 
    RegistreringLista :Registrering[]
}

HTML:

    <tr *ngFor="let arende of arenden">
      <td> {{arende.Id}} </td>
      <td> {{arende.Namn}}</td>
      <td> {{arende.RegistreringLista.xxxx}}</td>
      <td> {{arende.RegistreringLista.yyyy}}</td> 
      <td> {{arende.ResitreringsLista.zzzzz}}</td>

Я думал, что должен быть какой-то способ сделать:

<tr *ngFor="let arende of RegistreingsLista">

Но это тоже не кажется правильным... У меня проблемы с пониманием последовательности циклов... Как мне это настроить?

Источник

2 ответа

Решение

Вот как я решил проблему:

   <ng-container *ngFor="let arende of arenden">
    <tr *ngFor ="let item of arende.RegistreringLista">
      <td> {{arende.Id}} </td>
      <td> {{arende.Namn}}</td>
      <td> {{item.XXXX}}</td>
      <td> {{item.YYYY}}</td>
      <td> {{item.ZZZZ}}</td>

Я использовал "Ng-контейнер", чтобы не связываться с HTML.

Источник

Вы можете использовать вложенные ngFors в шаблоне:

<tr *ngFor="let arende of arenden">
      <td> {{arende.Id}} </td>
      <td> {{arende.Namn}}</td>
      <td *ngFor="let inner of arende.RegistreringLista"> {{inner.xxxx}}</td>
</tr>
Источник
Другие вопросы по тегам