Angular虚拟滚动在嵌套for循环中不能正确工作。
创始人
2024-10-30 10:31:04
0次

问题的原因是Angular虚拟滚动在嵌套for循环中不能正确地计算列表项高度，导致滚动位置不正确。解决方法是使用Angular CDK中的CdkVirtualForOf指令代替ngFor，在子列表内使用CdkVirtualScrollViewport指令来计算每个子项的高度。

示例代码如下：

{{i.title}}

  
  
    
      

        
{{j.description}}

在上方的代码示例中，“items”是外部列表中的项，每个项包含一个子列表“subItems”。我们使用CdkVirtualForOf在外部列表中迭代，“i”是列表项。在“i”下方，我们嵌套了另一个CdkVirtualScrollViewport指令，它使用CdkVirtualForOf迭代每个“i.subItems”的内容，其中“j”是列表项。这个指令使用50像素作为每项的高度。

上一篇：Angular虚拟滚动在列表项添加时不重新渲染列表

下一篇：Angular虚拟滚动在添加/删除列表项时不重新渲染列表

相关内容

热门资讯

传授开挂！微信小程序开心十三张... 传授开挂！微信小程序开心十三张脚本，越乡游义乌辅助器下载（技术分享开挂辅助软件）1、下载安装好越乡游...
详细辅助！新二号辅助软件多少钱... 大家好，今天小编来为大家解答新二号辅助软件多少钱这个问题咨询软件客服可以免费测试直接加微信（1367...
关于开挂！新玄龙斗牛卡牌，德州... 关于开挂！新玄龙斗牛卡牌，德州局透视脚本免费版下载手机版（指导大家开挂辅助下载）；无需打开直接搜索薇...
推荐辅助！道游互娱辅助免费版，... 推荐辅助！道游互娱辅助免费版，吉林心悦有挂吗（最新技巧开挂辅助插件）1、下载安装好道游互娱辅助免费版...
传授辅助！越乡游义乌透视软件，... 您好：微乐三带辅助这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
细节开挂！随意玩辅助器透视开挂... 细节开挂！随意玩辅助器透视开挂，广西友乐软件辅助（必备教程开挂辅助下载）；无需打开直接搜索加薇136...
正版开挂！广东雀神智能插件试用... 正版开挂！广东雀神智能插件试用，乐酷解码辅助（详细说明开挂辅助平台）；无需打开直接搜索薇:13670...
必看开挂！雀神广东定制插件辅助... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加（136704302）微信号是一款...
曝光辅助！九游破解辅助插件官方... 九游破解辅助插件官方 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由:...
教会辅助！随意玩脚本辅助工具透... 教会辅助！随意玩脚本辅助工具透视，新海贝辅助器试用（程序员教你开挂辅助下载） 了解更多开挂安装加（1...