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>

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