arrays - Angular 类中的数组数组

Question

我是 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">

但这似乎也不对……我无法理解循环序列……我应该如何设置它？

Answer 1

ngFor您可以在模板中使用嵌套的 s：

<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>

Answer 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-container”来不使用 HTML。