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私人局俱乐部怎么进(透视)一贯是真的有挂(详细辅助线上教程)；支持多人共享记...
透视了解(wepoker)gg... 透视了解(wepoker)gg扑克发牌是不是有机制(透视)详细辅助2025新版教程是一款可以让一直输...
透视中牌率！wepoke真的有... 透视中牌率！wepoke真的有挂，wepoke线上，详细透视透视教程1、超多福利：超高返利，海量正版...
透视插件！hhpoker透视功... 透视插件！hhpoker透视功能如何下载（透视）详细辅助技巧教程（竟然真的有挂）1、首先打开hhpo...
透视辅助!拱趴大菠萝十三水作弊... 透视辅助!拱趴大菠萝十三水作弊(透视)从来真的是有挂(详细辅助2025版教程)；大神普及一款德州ai...
透视苹果版(wEpoKe)we... 透视苹果版(wEpoKe)wepoke智能ai(透视)详细辅助微扑克教程；wepoke智能ai软件透...
透视了解！wepoke确实有挂... 透视了解！wepoke确实有挂，wepoke软件透明挂测试，详细透视黑科技教程1、实时wepoke确...
透视app！aapoker辅助... 透视app！aapoker辅助工具存在吗（透视）详细辅助介绍教程（一贯是有挂）；aapoker辅助工...
透视ai代打(wEPOKE)德... 透视ai代打(wEPOKE)德州ai智能营销系统(透视)详细辅助黑科技教程关于德州ai智能营销系统机...
透视真的!hhpoker透视工... 透视真的!hhpoker透视工具(透视)先前有挂(详细辅助黑科技教程)这是由厦门游乐互动科技有限公司...