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无脚本样式加载
相关内容
热门资讯
黑科技外挂！大唐麻将(外挂),...
黑科技外挂！大唐麻将(外挂),嘟咪互动麻将原来存在有透视挂插件（有辅助挂app）1、在嘟咪互动麻将插...
黑科技透视器！神殿娱乐(透视器...
黑科技透视器！神殿娱乐(透视器),兴动海满麻将一直真的是有透视挂教程（有辅助挂分析）1、许多玩家不知...
黑科技辅助器！陌陌(辅助器),...
黑科技辅助器！陌陌(辅助器),奔富棋牌确实有透视挂软件（有辅助挂总结）一、奔富棋牌可以开透视的定义与...
黑科技透视挂！大众棋牌(透视挂...
黑科技透视挂！大众棋牌(透视挂),新玉海楼茶苑切实是有透视挂方法（有辅助挂教程）1、点击下载安装，新...
黑科技透视挂！新九天(透视挂)...
黑科技透视挂！新九天(透视挂),宝宝浙江好像真的是有透视挂脚本（果真有辅助挂）运宝宝浙江辅助工具，进...
黑科技透视器！萤火互动(透视器...
黑科技透视器！萤火互动(透视器),欢聚水鱼总是真的是有透视挂攻略（真的有辅助挂）小薇（辅助器软件下载...
黑科技外挂！微乐卡五星(外挂)...
黑科技外挂！微乐卡五星(外挂),瓦力棋牌原来是有透视挂攻略（有辅助挂秘笈）1、黑科技外挂！微乐卡五星...
黑科技透视器！安徽王牌(透视器...
黑科技透视器！安徽王牌(透视器),白云竞技其实真的有透视挂方法（有辅助挂规律）1、不需要AI权限，帮...
黑科技作弊器！永州跑胡子(作弊...
黑科技作弊器！永州跑胡子(作弊器),卓越棋牌真是真的是有透视挂插件（有辅助挂方式）1）永州跑胡子辅助...
黑科技透视器！神牛大厅(透视器...
黑科技透视器！神牛大厅(透视器),老虎机本来是真的有透视挂脚本（竟然有辅助挂）神牛大厅透视方法中分为...