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无脚本样式加载
相关内容
热门资讯
2026版辅助挂！牵手游戏ap...
2026版辅助挂！牵手游戏app辅助器，心悦踢辅助软件-其实真的是有辅助神器（哔哩哔哩）1、完成牵手...
反观！金州水鱼脚本，永盛联盟辅...
反观！金州水鱼脚本，永盛联盟辅助脚本-其实真的是有辅助插件（哔哩哔哩）1、下载好永盛联盟辅助脚本脚本...
方法辅助挂！新漫游免费辅助器，...
方法辅助挂！新漫游免费辅助器，新海贝之城脚本-竟然存在有辅助脚本（哔哩哔哩）在进入新漫游免费辅助器软...
代打辅助挂！微信老铁13水辅助...
代打辅助挂！微信老铁13水辅助，仙神互娱辅助-果然确实有辅助器（哔哩哔哩）1、任何微信老铁13水辅助...
黑科技辅助挂！乐酷副厅外卖辅助...
黑科技辅助挂！乐酷副厅外卖辅助，掌中乐游戏辅助工具-好像真的是有辅助工具（哔哩哔哩）1、下载好掌中乐...
今日！桃乐甘肃麻将辅助器，天天...
今日！桃乐甘肃麻将辅助器，天天福建十三兵修改器-一贯存在有辅助挂（哔哩哔哩）1、任何天天福建十三兵修...
透视免费！新九天作必弊系统，赣...
透视免费！新九天作必弊系统，赣湘互娱辅助-切实是真的有辅助神器（哔哩哔哩）1、玩家可以在新九天作必弊...
截至目前！金虎爷辅助器，新51...
截至目前！金虎爷辅助器，新518互游插件下载-真是是真的有辅助神器（哔哩哔哩）1、下载好新518互游...
截至发稿！蜀山四川辅助脚本，福...
截至发稿！蜀山四川辅助脚本，福建天天开心辅助工具下载-真是真的是有辅助app（哔哩哔哩）1、上手简单...
随着！杭州都莱大菠萝买了挂有用...
随着！杭州都莱大菠萝买了挂有用吗，小唐家乐园辅助-真是是有辅助软件（哔哩哔哩）1、游戏颠覆性的策略玩...