vmware-clarity - 如何动态地使 clr-datagrid 可选择（单/多）？

Question

这是一个名为“my-clr-list”的组件的概要，它使用了清晰的数据网格，例如：

<clr-datagrid>
   bunch of clr-dg-column definitions...
   <clr-dg-row *clrDgItems="let user of users$ | async">
      <clr-dg-action-overflow>
          bunch of buttons...
       <\clr-dg-action-overflow>
       bunch of <clr-dg-cell> ...
   </clr-dg-row>
   <footer>
</clr-datagrid>

我希望能够将布尔输入传递给该组件，基于该输入我可以动态（加载时间）添加

[(clrDgSingleSelected)]="selectedUser"
[clDgRowSelection]="true"

到 clr-datagrid。

我可以通过使用 *ngIf 复制 clr-datagrid 来实现这一点，但是还有另一种方法可以动态添加选项吗？

Answer 1

您最好的选择是使用两个不同的数据网格，但您可以将数据网格的内部保存在 ng 模板中，并在每个数据网格中重用它。或者，您也可以将数据网格的一些内部组件化（小心，因为这可能会破坏投影）。