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

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"> 在您的自定义组件的模板中。