用于包装 clr-datagrid 元素的清晰度容器元素

Question

是否有任何 Clarity 元素可以将 clr-datagrid 元素的容器包装在 html 中？请向我建议使用清晰度元素包装 clr-datagrid 的解决方案。 在下面而不是">div"元素，我想使用清晰度元素。这样 clrDgLoad 就可以工作了。现在它不起作用，因为div 不知道 clrDgLoad。

<div [clrDgLoading]="loading">
<clr-datagrid *ngIf="some condition which i need">
....................
</clr-datagrid>
</div>

我希望加载器首先工作，然后将我的条件添加到 clr-datagrid 是否显示/隐藏表(取决于数据存在(。

Answer 1

我建议在加载数据网格之前使用像角度材料微调器或ngx微调器这样的微调器来取得进展。

示例材料微调器：

<mat-spinner></mat-spinner>

示例 ngx 微调器：

<ngx-spinner
bdOpacity = 0.9bdColor = "#333"size = "medium"color = "#fff"type = "line-spin-clockwise-fade"[fullScreen] = "false"
>
<p style="color: white" > Loading... </p>

演示 ngx 微调器