angular - 是否可以将 CDK 虚拟滚动视口与 CDK A11y - ActiveDescendantKeyManager 一起使用？

问题描述

我正在使用<cdk-virtual-scroll-viewport>固定项目大小进行虚拟滚动。

此外，我使用ActiveDescendantKeyManagerCDK A11y 提供的在视口内使用箭头键移动。

当我尝试同时使用它们时，我遇到了以下问题：

由于虚拟滚动只加载部分信息并在滚动（回收视图）时加载更多信息，因此ActiveDescendantKeyManager仅获取<cdk-virtual-scroll-viewport>. 当我加载更多时，索引会重复自己，因为虚拟滚动添加和删除项目，keyManager只是表现得很奇怪，因为我希望索引是有序的（如果我有 5000 个项目，我希望索引是有序的，不仅来自1-24，每次我滚动它们都会重复）。这是stackblitz的一个例子

我的问题是：有没有办法与他们一起工作？因为我想做的是用箭头键移动到以下滚动索引。

标签： angularaccessibilityangular-cdkvirtualscroll

angular - 是否可以将 CDK 虚拟滚动视口与 CDK A11y - ActiveDescendantKeyManager 一起使用？

问题描述

解决方案

推荐阅读