如何动态地选择clr-datagrid(单/多)?

时间:2018-03-20 21:49:20

标签: vmware-clarity

这是一个名为" my-clr-list"的组件的概述。使用清晰度datagrid,如:

{
  "A": [
    1,
    2,
    3
  ],
    "B": [
    1,
    2,
    3
  ]
}

我希望能够将布尔输入传递给此组件,我可以动态地(加载时间)添加

<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>

到clr-datagrid。

我能够通过使用* ngIf复制clr-datagrid来实现这一点,但还有另一种动态添加选项的方法吗?

1 个答案:

答案 0 :(得分:1)

您最好的选择是使用两个不同的数据网格,但您可以将数据网格的内部保存在ng-template中,并在每个数据网格中重复使用。或者,您也可以对数据网格的某些内部组件进行组件化(小心,因为这可能会破坏投影)。