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无脚本样式加载
相关内容
热门资讯
透视游戏"wepok...
透视游戏"wepoker有辅助功能吗"详细辅助AA德州教程(透视脚本神器)；科技安装教程；13670...
透视新版"pokem...
透视新版"pokemmo手机脚本辅助器"详细辅助透牌教程(购买模拟器软件)是一款可以让一直输的玩家，...
透视规律"hhpok...
透视规律"hhpoker有没有作弊辅助"详细辅助教你攻略(私局代打软件)；科技安装教程；136704...
透视脚本"hhpok...
透视脚本"hhpoker万能辅助器"详细辅助透明教程(破解工具辅助)1、玩家可以在hhpoker万能...
透视科技"德州局透视...
您好，德州局透视这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这款游...
透视攻略"hhpok...
透视攻略"hhpoker怎么防作弊"详细辅助专业教程(辅助器免费辅助)；亲真的是有正版授权，小编（透...
透视游戏"福建大菠萝...
此外，数据分析德州(福建大菠萝万能辅助器)辅助神器app还具备辅助透视行为开挂功能，通过对客户福建大...
透视ai代打"智星德...
透视ai代打"智星德州辅助译码插件靠谱吗"详细辅助必备教程(-h5下载方法)；支持多人共享记分板与复...
透视辅助"佛手在线大...
透视辅助"佛手在线大菠萝辅助"详细辅助新2025版(的辅助器方法)1、很好的工具软件，可以解锁游戏的...
透视私人局"wepo...
透视私人局"wepokerplus作弊"详细辅助必赢方法(底牌透视透明)；人气非常高，ai更新快且高...