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）

相关内容

热门资讯

黑科技辅助挂(微扑克开发)We... 1、黑科技辅助挂(微扑克开发)WepoKe固有真的有挂!太离谱了切实是有挂(2023已更新)(哔哩哔...
黑科技辅助挂(wpk助手)wp... 1、黑科技辅助挂(wpk助手)wpk线上先前真的有挂!太无语了原先是真的有挂(2021已更新)(哔哩...
黑科技真的(aapoker规律... 1、黑科技真的(aapoker规律)WPK一向真的是有挂!太离谱了其实真的是有挂(2025已更新)(...
黑科技中牌率(wpk规律)aa... 黑科技中牌率(wpk规律)aapOker确实真的是有挂!太坑了从来存在有挂(2025已更新)(哔哩哔...
黑科技辅助(德扑ai人工智能)... 黑科技辅助(德扑ai人工智能)aapoKER起初有挂!太实锤了原先真的是有挂(2021已更新)(哔哩...
黑科技代打(wepoke好友)... 此外，数据分析德州(来玩德州)辅助神器app还具备辅助透视行为开挂功能，通过对客户来玩德州透明挂的深...
黑科技苹果版(德州ai)pok... 黑科技苹果版(德州ai)pokerx一贯真的是有挂!太离谱了从前有挂(2024已更新)(哔哩哔哩)准...
黑科技辅助挂挂(wepoke免... 黑科技辅助挂挂(wepoke免费)线上德州往昔有挂!太夸张了一向真的有挂(2022已更新)(哔哩哔哩...
黑科技挂(wepoke实锤)p... 黑科技挂(wepoke实锤)pokernow德州素来真的是有挂!太离谱了其实有挂(2023已更新)(...
黑科技代打(wepoke脚本)... 黑科技代打(wepoke脚本)wpK从前有挂!太实锤了本来是真的有挂(2025已更新)(哔哩哔哩)1...