清晰设计系统数据网格-遍历CLRDGEMS和ngFor

我正试图通过清晰设计系统过滤数据网格中的行。在 documentation ,可以实现模型属性的迭代列表,如下所示,

<clr-datagrid>
    <clr-dg-column>User ID</clr-dg-column>
    <clr-dg-column [clrDgField]="'name'">Name</clr-dg-column>
    <clr-dg-column [clrDgField]="'creation'">Creation date</clr-dg-column>
    <clr-dg-column [clrDgField]="'pokemon.name'">Pokemon</clr-dg-column>
    <clr-dg-column [clrDgField]="'color'">Favorite color</clr-dg-column>

    <clr-dg-row *clrDgItems="let user of users">
        <clr-dg-cell>{{user.id}}</clr-dg-cell>
        <clr-dg-cell>{{user.name}}</clr-dg-cell>
        <clr-dg-cell>{{user.creation | date}}</clr-dg-cell>
        <clr-dg-cell>{{user.pokemon.name}}</clr-dg-cell>
        <clr-dg-cell>
            <span class="color-square" [style.backgroundColor]="user.color"></span>
        </clr-dg-cell>
    </clr-dg-row>

</clr-datagrid>

我的问题是,在我的应用程序中,在 clr-dg-row . 如你所见,这里 abc 是非常复杂的物体 users 在文档中。

<clr-datagrid>
    <clr-dg-column [clrDgField]="'customerReference'">Customer Ref.</clr-dg-column>
    <clr-dg-column [clrDgField]="'customerAddress'">Address</clr-dg-column>
    <clr-dg-column [clrDgField]="'customerName'">Customer Name</clr-dg-column>

    <clr-dg-row *clrDgItems="let def of abc;">
        <ng-container *ngFor="let xyz of def.groupResult">
              <clr-dg-cell>{{ xyz.customerReference }}</clr-dg-cell>
              <clr-dg-cell>{{ xyz.customerAddress }}</clr-dg-cell>
              <clr-dg-cell>{{ xyz.customerName }}</clr-dg-cell>
        </ng-container>
    </clr-dg-row>
</clr-datagrid>

当我说,

1. <clr-dg-column [clrDgField]="'customerReference'">Customer Ref.</clr-dg-column>

它不起作用,然后我试着,

2. <clr-dg-column [clrDgField]="'xyz.customerReference'">Customer Ref.</clr-dg-column>

3. <clr-dg-column [clrDgField]="'def.groupResult.xyz.customerReference'">Customer Ref.</clr-dg-column>

不确定是否有可能,任何帮助都是值得感谢的。