Angular Kendo UI Grid递归加载Detail Grid

Question

我正在使用Angular Kendo UI，并且无法集成以递归方式加载到明细网格的网格。

我有这个示例https://stackblitz.com/edit/angular-ior6b8，并希望避免第二个Grid加载数据或每次更新第一个Grid并在第二个Grid上维护可调整大小的列属性时闪烁。

问题在于，第一个Grid的每次加载都会导致细节部件被删除并再次创建。

Answer 1

代替下面显示的div块。

<div *kendoGridDetailTemplate="let dataItem">
     <category-details [category]="dataItem"></category-details>
</div>

替换为ng-template。

<ng-template kendoGridDetailTemplate let-dataItem>
    <category-details [category]="dataItem"></category-details>
</ng-template>

您是否使用任何计时器刷新详细信息模板数据？