Javascript 角度5-数据循环未显示子项上的多条记录

我正在尝试获取数据以显示父容器和父容器的子项

以下是数据：

constructor() {
    this.datas = [
      {
        title: 'Container 1',
        'resizable': true,
        childItems: [
          {'item': 'item 1'},
          {'item': 'item 2'}
        ]
      }
    ];

<div *ngFor="let data of datas">

  <div [ngWidgetContainer]="data">
    <div [ngWidget]="data.childItems">List Child Items belonging to this Container</div>
  </div>

</div>

下面是获取数据的代码：

constructor() {
    this.datas = [
      {
        title: 'Container 1',
        'resizable': true,
        childItems: [
          {'item': 'item 1'},
          {'item': 'item 2'}
        ]
      }
    ];

<div *ngFor="let data of datas">

  <div [ngWidgetContainer]="data">
    <div [ngWidget]="data.childItems">List Child Items belonging to this Container</div>
  </div>

</div>

列出属于此容器的子项

数据的问题在于它应该是清单2的子项，但它只是清单1

---

如何修复此问题？

由于您有prop-childItems，由两个元素组成，因此需要从数据对象而不是数据数组循环其项。 因此，第一个*ngFor让您运行数据数组，第二个*ngFor让您运行子项属性数组

<div *ngFor="let data of datas">

  <div [ngWidgetContainer]="data" *ngFor="let item of data.childItems"> 
    <div [ngWidget]="item">List Child Items belonging to this Container</div>
  </div>

</div>

列出属于此容器的子项

您为什么不需要第二个NGO呢？ngWiget中有循环吗？没有，所以我需要两个循环，尽管只有一个数据？对我来说，有两个子项，要逐个显示，你需要一个循环，将其更改为此，但仍不显示属于此容器的2:List子项请详细说明max2020做错了什么，以及如何解决他的问题。