Angular Gridster 2，嵌套网格

问：

我遇到了 angular gridster 2 的问题，我想要嵌套 gridster， 这是我正在使用的配置

zItemsNesteing: IGridsterConfig = {
    gridsterConfig: this.gridsterOptions,
    gridsterItems: [
      {
        x: 0,
        y: 0,
        rows: 2,
        cols: 2,
        zItems: {
          gridsterConfig: this.gridsterOptions,
          gridsterItems: [
            { x: 0, y: 0, rows: 2, cols: 2},
            { x: 2, y: 0, rows: 1, cols: 1 },
          ],
        },
      },
      { x: 0, y: 0, rows: 2, cols: 2 },
    ],
  };`enter code here`

这是我的组件

<div class="gridster-container">
    <app-grid
      [options]="zItemsNesteing.gridsterConfig"
      [dashboard]="zItemsNesteing.gridsterItems"
    ></app-grid>
  </div>

在这里我正在尝试嵌套

<gridster [options]="options">
  <gridster-item [item]="item" *ngFor="let item of dashboard">
    Hello
    <div class="gridster-container" *ngIf="item.zItems">
      <app-grid
        [options]="item.zItems.gridsterConfig"
        [dashboard]="item.zItems.gridsterItems"
      ></app-grid>
    </div>
  </gridster-item>
</gridster>

这是我的输出，嵌套网格似乎不起作用。

如果您在嵌套网格中看到，我们有两个项目，但它一个接一个地出现，而不是在同一行和指定的 colummn 上。