元素数量未知的嵌套表

Question

我想用示例数据制作一个表格，但我的对象可以有多个主题，主题内可以有多个帖子。

[  
   {  
      "topicName":"First topic",
      "postInformations":[  
         {  
            "postName":"First post",
            "postNumbers":{  
               "number1":111,
               "number2":222,
               "number3":333
            }
         }
      ],
      "topicNumbers":{  
         "number1":123,
         "number2":456,
         "number3":789
      }
   }
]

这就是我想要达到的目标：

|[topicName | postName ]|[number1]|[number2]|[number3]|
| First topic           |     111 |     222 |     333 |
|    First post         |     444 |     555 |     666 |

通常我会在html中通过一一设置列来轻松地做到这一点，但我不知道有多少帖子主题，以及有多少主题。

知道如何使它适用于未知数量的帖子和主题吗？

Answer 1

您可以使用嵌套的 ngFor。类似的东西。

<ul *ngFor="let item of topic>
  <li>{{item.topicName}}
  <ul *ngFor="let info of item.postInformations">
    <li> {{info.postName}}</li>
    <ul *ngFor="let number of info.postNumbers">
      <li>{{number.number1}}</li>
      <li>{{number.number2}}</li>
      <li>{{number.number3}}</li>
    </ul>
  </ul>
</ul>