Angular无限滚动，新对象替换之前的对象，但我想要追加新对象。
创始人
2024-10-30 02:30:50
0次

要追加新对象而不是替换之前的对象，可以在无限滚动的代码中使用 Angular 中的 NgZone 服务。

在组件的构造函数中注入 NgZone 服务：

import {Component, NgZone} from '@angular/core';

@Component({ selector: 'my-component', template:

{{item}}
, }) export class MyComponent { items = [];

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无脚本样式加载

下一篇：Angular无效配置（Webpack）

相关内容

热门资讯

盘点一款！wepoker怎么破... 盘点一款！wepoker怎么破解游戏，we-poker靠谱吗，透牌教程（有挂攻略）；致您一封信；亲爱...
三分钟了解！aa poker辅... 三分钟了解！aa poker辅助，wepoker私人定制透视，微扑克教程（有挂方法）；玩家必备必赢加...
玩家必看科普！大菠萝789辅助... 玩家必看科普！大菠萝789辅助器下载，wepoker辅助脚本，必胜教程（有挂辅助）；大菠萝789辅助...
带你了解！hhpoker脚本下... 带你了解！hhpoker脚本下载，we poker辅助器，解密教程（有挂方法）；1.hhpoker脚...
玩家必知教程！wepoker可... 这是一款非常优秀的wepoker究竟有没有透视 ia辅助检测软件，能够让你了解到wepoker究竟有...
一分钟了解！wepoker模拟... 一分钟了解！wepoker模拟器哪个，约局吧如何查看是否有挂，2025新版教程（有挂软件）；人气非常...
分享给玩家！拱趴大菠萝万能辅助... 分享给玩家！拱趴大菠萝万能辅助器，wepoker公共底牌，2025教程（有挂技巧）;1分钟了解详细教...
重大消息！哈糖大菠萝有挂吗，佛... 重大消息！哈糖大菠萝有挂吗，佛手在线大菠萝智能辅助器，靠谱教程（有挂软件）；亲真的是有正版授权，小编...
盘点一款！hhpoker是真的... 盘点一款！hhpoker是真的吗，wepoker游戏安装教程，微扑克教程（有挂辅助）是一款可以让一直...
实测必看！竞技联盟破解版最新版... 1、实测必看！竞技联盟破解版最新版，pokernow辅助工具，黑科技教程（有挂攻略）2、进入游戏-大...