嵌套对象列表

试试这个

<div *ngFor="let obj of objs;">
  <ng-container *ngFor="let child of obj.childObject;>
    <span>{{ child.name }}</span>
  </ng-container>
<div/>

看看我的例子,这是工作

 <div *ngFor="let catergory of Catergories;">
      <span>{{ catergory.name }}</span>
      <div *ngFor="let product of catergory.products;>
        <span>{{ product.name }}</span>
      </div>
 <div/>

为什么不遍历 span :

<span *ngFor="let obj of objs">{{ obj.childObject.name }}</span>

阅读评论后进行编辑。以上内容用于显示特定的 childobject 所有物

如果目标是打印所有 子对象 的属性,然后定义 objectKeys 组件类中的变量:

export class MyComponent {
  objectKeys = Object.keys;
  ...
}

然后提供要将密钥作为参数迭代到的集合 objectKeys 在组件的html中:

<div *ngFor="let obj of objs">
    <span *ngFor="let key of objectKeys(obj.childobject)">{{key + ' : ' + obj.childobject[key]}}</span>
<div/>