Angular无限滚动，新对象替换之前的对象，但我想要追加新对象。
创始人
2024-10-30 02:30:50
0次
要追加新对象而不是替换之前的对象，可以在无限滚动的代码中使用 Angular 中的 NgZone 服务。
在组件的构造函数中注入 NgZone 服务：
import {Component, NgZone} from '@angular/core';
@Component({
selector: 'my-component',
template: ,
})
export class MyComponent {
items = []; {{item}}
constructor(private zone: NgZone) {}
// 滚动条滚动到底部时，调用此函数 onScroll(event) { const element = event.target; if (element.scrollHeight - element.scrollTop === element.clientHeight) { this.zone.run(() => { // 在这里添加逻辑来追加新对象 }); } } }
然后在 NgZone 的 run() 方法中添加逻辑来追加新对象，如：
this.zone.run(() => { this.items.push(newItem); });
这样，每次触发滚动事件时，新对象都会被追加到已有对象的末尾，而不是替换之前的对象。
上一篇：Angular无脚本样式加载
相关内容
热门资讯
实测发现！wepoker轻量版...
实测发现！wepoker轻量版辅助，wepoker公共底牌，2025版教程（有挂教程）；大神普及一款...
透视数据"hhpok...
透视数据"hhpoker到底可以作弊码"详细辅助透视教程(本然是真的有挂)；支持多人共享记分板与复盘...
实测交流！aapoker透视脚...
您好，wepoker破解是真的还是假的这款游戏可以开挂的，确实是有挂的，需要了解加微【1367043...
透视科技"htx矩阵...
透视科技"htx矩阵wepoker辅助"详细辅助新2025版(一直有挂)；人气非常高，ai更新快且高...
重大发现！pokemmo辅助器...
重大发现！pokemmo辅助器脚本下载，wepoker免费透视脚本，安装教程（有挂透视）；玩家必备必...
透视计算"xpoke...
透视计算"xpoker怎么作弊"详细辅助必胜教程(切实真的有挂)关于xpoker怎么作弊机制的，其中...
研究成果！hhpoker有透视...
1、研究成果！hhpoker有透视功能吗，德州局怎么透视，玩家教程（有挂方法）2、进入游戏-大厅左侧...
透视计算"德州hhp...
透视计算"德州hhpoker脚本"详细辅助爆料教程(一贯是真的有挂);1分钟了解详细教程（微信 13...
免费测试版！佛手在线大菠萝为什...
免费测试版！佛手在线大菠萝为什么都输，hhpoker透视脚本下载，细节方法（有挂技巧）；支持2-10...
透视教程"werpl...
透视教程"werplan有挂吗"详细辅助wpk教程(好像是有挂)是由北京得werplan有挂吗黑科技...