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）

相关内容

热门资讯

7分钟实锤！德扑ai助手（德州... 7分钟实锤！德扑ai助手（德州扑克）原来有挂（详细辅助透明教程）；1、不需要AI权限，帮助你快速的进...
第七分钟实锤！智星德州菠萝开挂... 第七分钟实锤！智星德州菠萝开挂（线上德州）真是真的是有挂（详细辅助详细教程）；1、很好的工具软件，可...
六分钟实锤！德州ai机器人（德... 六分钟实锤！德州ai机器人（德州wpk）真是有挂（详细辅助安装教程）一、德州ai机器人AI软件牌型概...
6分钟实锤！德扑之星作弊（德扑... 6分钟实锤！德扑之星作弊（德扑ai）一直真的是有挂（详细辅助2025教程）进入游戏-大厅左侧-新手福...
十分钟实锤！德扑ai智能（手机... 十分钟实锤！德扑ai智能（手机德州）本来存在有挂（详细辅助可靠教程）1、实时德扑ai智能开挂更新：用...
第7分钟实锤！德州之星插件（德... 第7分钟实锤！德州之星插件（德州wepower）切实有挂（详细辅助2025新版技巧）1、该软件可以轻...
一分钟实锤！德扑之星猫腻（德州... 一分钟实锤！德扑之星猫腻（德州ai）确实存在有挂（详细辅助安装教程）；1、下载好德扑之星猫腻辅助软件...
第1分钟实锤！德州之星辅助挂（... 第1分钟实锤！德州之星辅助挂（德扑之星）原来是有挂（详细辅助2025新版）；1、进入到德州之星辅助挂...
2分钟实锤！德扑数据软件（德州... 2分钟实锤！德扑数据软件（德州app）本来真的是有挂（详细辅助AA德州教程）该软件可以轻松地帮助玩家...
三分钟实锤！德扑ai智能（来玩... 三分钟实锤！德扑ai智能（来玩德州app）切实真的有挂（详细辅助教你攻略）一、德扑ai智能软件透明挂...