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）

相关内容

热门资讯

德州ai辅助!aapoker插... 德州ai辅助!aapoker插件(透视)从来真的是有挂(详细辅助解密教程)是一款可以让一直输的玩家，...
wepoke有没有挂!wepo... 您好，wepoke有没有挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩...
wepoke模拟器!德扑之星内... wepoke模拟器!德扑之星内部(透视)真是是有挂(详细辅助曝光教程)1、许多玩家不知道wepoke...
微扑克辅助软件!wpk辅助nz... 微扑克辅助软件!wpk辅助nzt(透视)好像是真的有挂(详细辅助详细教程)1）微扑克辅助软件辅助挂：...
aapoker辅助工具!轰趴十... aapoker辅助工具!轰趴十三水有后台吗(透视)切实真的是有挂(详细辅助新版2025教程)是一款可...
微扑克有辅助挂!德扑ai自定义... 微扑克有辅助挂!德扑ai自定义设置数据(透视)其实真的有挂(详细辅助解密教程)是一款可以让一直输的玩...
德州之星有辅助挂!扑克世界牌局... 德州之星有辅助挂!扑克世界牌局设置(透视)一直存在有挂(详细辅助曝光教程)是一款可以让一直输的玩家，...
wpk德州透视辅助!aa po... wpk德州透视辅助!aa poker辅助软件(透视)一贯存在有挂(详细辅助透明教程)；小薇（透视辅助...
aapoker透明挂!鱼扑克f... 自定义aapoker透明挂系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，...
wpk有透视辅助!德州ai辅助... wpk有透视辅助!德州ai辅助工具购买(透视)原先真的有挂(详细辅助存在挂教程)1、wpk有透视辅助...