Angular虚拟滚动在列表项添加时不重新渲染列表
创始人
2024-10-30 10:31:03
0次
这是一个常见的问题，因为Angular虚拟滚动只在滚动时渲染可见区域的一部分，不像传统的列表组件每次更新都会重新渲染整个列表。解决此问题的一种方法是使用ChangeDetectorRef来检测变化并手动触发组件重新渲染。
示例代码：
import { Component, Input, ChangeDetectorRef } from '@angular/core';
@Component({
selector: 'my-list',
template: ,
})
export class MyListComponent {
items = ['item1', 'item2', 'item3']; {{item}}
constructor(private cdr: ChangeDetectorRef) {}
addItem() { this.items.push('new item'); this.cdr.detectChanges(); } }
在上面的示例中，我们使用ChangeDetectorRef来手动触发组件的变化检测，并在addItem方法中添加新项并更新列表。这将强制虚拟滚动重新渲染整个列表，以便包含新添加的项。
请注意，在实际使用中可能需要根据具体需求进行一些调整。
相关内容
热门资讯
黑科技讲解!智星德州菠萝有挂(...
黑科技讲解!智星德州菠萝有挂(wepokeai代打)从前是有挂(有挂方略)-哔哩哔哩1、许多玩家不知...
黑科技挂!云扑克德州PK(aa...
黑科技挂!云扑克德州PK(aapoker真的有猫腻吗)本来是真的有挂(有挂技术)-哔哩哔哩1.aap...
黑科技好牌!pokerrrr2...
黑科技好牌!pokerrrr2辅助神器(微扑克ai机器人)从前真的有挂(有挂秘笈)-哔哩哔哩是一款可...
黑科技肯定!wepokeai代...
黑科技肯定!wepokeai代打辅助(aapokerai辅助)切实真的有挂(竟然有挂)-哔哩哔哩1、...
黑科技游戏!哈糖大菠萝有挂(w...
1、黑科技游戏!哈糖大菠萝有挂(wpk ai辅助)真是有挂(证实有挂)-哔哩哔哩；详细教程。2、wp...
黑科技智能ai!pokeris...
黑科技智能ai!pokerist有挂(wepoke黑科技)原来真的是有挂(有挂存在)-哔哩哔哩；黑科...
黑科技挂!微扑克辅助工具(we...
黑科技挂!微扑克辅助工具(wepokeai代打)都是真的有挂(有挂教学)-哔哩哔哩您好，wepoke...
辅助黑科技!云扑克辅助器可以卖...
辅助黑科技!云扑克辅助器可以卖(德扑ai软件靠谱吗)原来是有挂(有挂教程)-哔哩哔哩1）德扑ai软件...
黑科技线上!wpk透视辅助工具...
1、黑科技线上!wpk透视辅助工具(aa poker有外挂吗)好像真的是有挂(的确有挂)-哔哩哔哩。...
辅助黑科技!云扑克德州PK(a...
辅助黑科技!云扑克德州PK(aapokerai辅助)切实有挂(确实有挂)-哔哩哔哩1、每一步都需要思...