在 cdk-virual 滚动显示空数据后第一次单击时单击 mat-tab，从第一个选项卡导航回第二个选项卡有效

mat-tab on clicking first time after cdk-virual scroll showing empty data, navigating back from 1st tab to 2nd tab works

提问人：Aarthi 提问时间：11/2/2023 最后编辑：Aarthi 更新时间：11/2/2023 访问量：20

问：

我正在使用 CDK 滚动用于 acordian，从 api 动态生成，（如果再次到达页面末尾，我将点击 API），并附加记录，n 个数字，如果我打开手风琴，我有 2 个选项卡，mat-tab，单击第二个选项卡，我必须加载数据（表），它正确出现，但是当 api 第二次命中时，在滚动时，如果我打开手风琴第二个垫选项卡，数据为空，如果我返回第一个选项卡，然后再次单击第二个选项卡，数据即将到来，需要解决

尝试从服务器端渲染填充手风琴内部的第二个选项卡详细信息，使用 cdk-virtual scroll 实现无限滚动

材料无限垫片角度cdk虚拟滚动

0赞 Aarthi 11/6/2023

由于我是由于 cdkscroll，它为选项卡添加了一些隐藏的内联样式，所以我通过应用以下 CSS 作为临时修复来覆盖它，但我想知道，为什么 cdk 会为激活添加隐藏的 css ：host ：：ng-deep.mat-mdc-tab-body-active .mat-mdc-tab-body-content { display： block; visibility： visible ！important; }

答： 暂无答案

上一个：使用 rtk 查询的过滤器和乐观更新的无限滚动

下一个：在react中加载带有自定义menuList的控件组件时，输入字段越来越短

在 cdk-virual 滚动显示空数据后第一次单击时单击 mat-tab，从第一个选项卡导航回第二个选项卡有效

mat-tab on clicking first time after cdk-virual scroll showing empty data, navigating back from 1st tab to 2nd tab works

评论