Angular虚拟滚动在列表项添加时不重新渲染列表
创始人
2024-10-30 10:31:03
0次

这是一个常见的问题，因为Angular虚拟滚动只在滚动时渲染可见区域的一部分，不像传统的列表组件每次更新都会重新渲染整个列表。解决此问题的一种方法是使用ChangeDetectorRef来检测变化并手动触发组件重新渲染。

示例代码：

import { Component, Input, ChangeDetectorRef } from '@angular/core';

@Component({ selector: 'my-list', template:

{{item}}
, }) export class MyListComponent { items = ['item1', 'item2', 'item3'];

constructor(private cdr: ChangeDetectorRef) {}

addItem() { this.items.push('new item'); this.cdr.detectChanges(); } }

在上面的示例中，我们使用ChangeDetectorRef来手动触发组件的变化检测，并在addItem方法中添加新项并更新列表。这将强制虚拟滚动重新渲染整个列表，以便包含新添加的项。

请注意，在实际使用中可能需要根据具体需求进行一些调整。

上一篇：Angular虚拟滚动显示问题

下一篇：Angular虚拟滚动在嵌套for循环中不能正确工作。

相关内容

热门资讯

透视实锤！aapoker怎么设... 透视实锤！aapoker怎么设置抽水（透视）ai插件（竟然有挂）运aapoker怎么设置抽水辅助工具...
透视安装！aa poker辅助... 透视安装！aa poker辅助（透视）透视脚本（本来真的有挂）；1、aa poker辅助透视辅助简单...
透视有挂！aapoker免费透... 透视有挂！aapoker免费透视脚本（透视）透视脚本下载（好像是有挂）；1、实时aapoker免费透...
透视好友！aapoker辅助怎... 透视好友！aapoker辅助怎么用（透视）真的假的（总是有挂）1、aapoker辅助怎么用系统规律教...
透视有挂！aapoker辅助插... 透视有挂！aapoker辅助插件工具（透视）辅助（切实是真的有挂）；aapoker辅助插件工具软件透...
透视透视！aapoker免费透... 透视透视！aapoker免费透视脚本（透视）透视脚本（一直有挂）；在进入aapoker免费透视脚本辅...
透视最新！aapoker辅助工... 透视最新！aapoker辅助工具安全吗（透视）真的假的（一贯真的是有挂）；aapoker辅助工具安全...
透视挂！aapoker插件下载... 透视挂！aapoker插件下载（透视）脚本（好像存在有挂）1、下载好aapoker插件下载辅助软件之...
透视软件！aapoker真的假... 透视软件！aapoker真的假的（透视）真的假的（其实有挂）在进入aapoker真的假的辅助挂后，参...
透视教学！aapoker俱乐部... 透视教学！aapoker俱乐部靠谱吗（透视）ai插件（其实真的是有挂）1、首先打开aapoker俱乐...