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）

相关内容

热门资讯

推荐攻略！aapoker怎么设... 推荐攻略！aapoker怎么设置抽水，pokemmo辅助器手机版下载，详细教程（有挂教程）；致您一封...
实测分享！wepoker免费钻... 实测分享！wepoker免费钻石，约局吧游戏挂，必赢方法（有挂软件）关于wepoker免费钻石机制的...
揭秘真相！pokemmo脚本辅... 揭秘真相！pokemmo脚本辅助下载，hhpoker的辅助是真的吗，必备教程（有挂神器）;1分钟了解...
重要通知！xpoker怎么作弊... 重要通知！xpoker怎么作弊，德州局怎么透视，细节方法（有挂技巧）；德州局怎么透视软件透明挂更新新...
教学盘点！we poker辅助... 教学盘点！we poker辅助器v3.3，aapoker透视方法，详细教程（有挂教程）科技教程也叫必...
热点推荐！hhpkoer辅助器... 热点推荐！hhpkoer辅助器视频，wepoker破解版内购，必胜教程（有挂神器）；1.hhpkoe...
三分钟了解！wejoker辅助... 1、三分钟了解！wejoker辅助脚本，wpk作弊最怕三个东西，新2025教程（有挂攻略）（UU p...
盘点十款！wpk俱乐部辅助器，... 盘点十款！wpk俱乐部辅助器，wepoker免费透视，攻略教程（有挂透视）;1分钟了解详细教程（微信...
免费测试版！约局吧德州有挂吗，... 免费测试版！约局吧德州有挂吗，拱趴大菠萝辅助神器，详细教程（有挂神器）；小薇（透视辅助）致您一封信；...
玩家攻略推荐！poker wo... 玩家攻略推荐！poker world辅助，hhpkoer辅助挂是真的吗，我来教教你（有挂技巧）;1分...