Clarity datagrid 在使用 ngProjectAs 时如何替换一行？

Question

为了在展开时替换行，文档如下所示：

<clr-dg-row *ngFor="let user of users">
    <-- Cells declarations -->
    <clr-dg-cell>...</clr-dg-cell>

    <clr-dg-row-detail *clrIfExpanded [clrDgReplace]="true">
        Lorem ipsum...
    </clr-dg-row-detail>
</clr-dg-row>

这行得通，但我还想用我自己的组件替换 <clr-dg-row-detail>，这样我就可以延迟加载详细信息。其文档如下所示：

<clr-dg-row *ngFor="let user of users">
    <-- Cells declarations -->
    <clr-dg-cell>...</clr-dg-cell>

    <my-detail *clrIfExpanded [user]="user" ngProjectAs="clr-dg-row-detail"></my-detail>
</clr-dg-row>

我尝试将 [clrDgReplace]="true" 放在我的自定义组件上和 ngProjectAs 内部，但它会引发错误。任何帮助将不胜感激。

Answer 1

[clrDgReplace]="true" 需要在 <clr-dg-row-detail> 元素本身上，它是行详细信息组件的输入。因此，在您的情况下，<clr-dg-row-detail [clrDgReplace]="true"> 位于自定义组件的模板内。

Clarity datagrid 在使用 ngProjectAs 时如何替换一行？

Clarity datagrid how to replace a row when using ngProjectAs?

angular

vmware-clarity