如何嵌套ngfor表。只能显示一个嵌套属性

ngFor是Angular框架中的一个内置指令，用于在模板中循环遍历数据集合并生成相应的DOM元素。在嵌套属性的情况下，你可以使用ngFor嵌套多个层级，以显示嵌套属性。

假设你有一个包含嵌套属性的数据集合，例如：

data = [
  {
    id: 1,
    name: 'Parent 1',
    children: [
      { id: 11, name: 'Child 1-1' },
      { id: 12, name: 'Child 1-2' }
    ]
  },
  {
    id: 2,
    name: 'Parent 2',
    children: [
      { id: 21, name: 'Child 2-1' },
      { id: 22, name: 'Child 2-2' }
    ]
  }
];

你可以使用嵌套的ngFor指令来遍历这个数据集合并显示嵌套属性。示例代码如下：

<div *ngFor="let parent of data">
  <h3>{{ parent.name }}</h3>
  <ul>
    <li *ngFor="let child of parent.children">
      {{ child.name }}
    </li>
  </ul>
</div>

在上述示例代码中，外层的ngFor循环遍历data数组中的每个父级对象。内层的ngFor循环遍历当前父级对象的children属性，即嵌套属性。通过这种方式，你可以在页面上显示每个父级对象的名称，并将其对应的子级对象以列表的形式展示出来。

请注意，上述示例代码仅为演示嵌套ngFor的基本用法。根据实际需求，你可以根据数据结构和界面设计进行适当调整和样式美化。

推荐的腾讯云相关产品：腾讯云提供了多个与前端开发、后端开发、云原生等相关的产品和服务。以下是一些相关产品的介绍链接：

云服务器（ECS）：提供基于云的可扩展计算服务，支持各种操作系统和应用场景。链接地址：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：可靠、高性能、可弹性伸缩的关系型数据库服务。链接地址：https://cloud.tencent.com/product/cdb
云开发（CloudBase）：全栈云开发平台，提供开发框架、弹性托管、数据库等一体化解决方案。链接地址：https://cloud.tencent.com/product/tcb

请注意，以上仅为腾讯云的部分产品示例，你可以根据具体需求和场景进行选择和使用。