时间戳

首页 > 解决方案 > 用于包装 clr-datagrid 元素的清晰容器元素

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

问题描述

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

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

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

标签： vmware-clarity

解决方案

我建议在加载数据网格之前使用像angular material spinner或ngx-spinner 这样的微调器来获取进度。

示例材料微调器：

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

推荐阅读