Angular Class 中的数组数组

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:

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：

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

Angular Class 中的数组数组

Array of Arrays in Angular Class

arrays

class

arrayofarrays

angular