Angular 类中的数组数组

Posted 2023-03-15

【中文标题】Angular 类中的数组数组

【英文标题】：Array of Arrays in Angular Class

【发布时间】：2019-01-29 09:20:36

【问题描述】：

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

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

【问题讨论】：

第二个：ngFor="let item of arede.RegistreingsLista" ... ?

【参考方案1】：

您可以在模板中使用嵌套的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>

【讨论】：

问题是我不能在

标签内添加 ngFor。它搞砸了html。但是我看到了一个叫做“ng-container”的东西——这可能会解决它。我会尝试一些东西然后回来！

如果您通过在stackblitz 中手动创建表格来提供您想要实现的目标，也许我可以进一步帮助您。是的，ng-container 在许多情况下都非常有用。

【参考方案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。