Angular的轮询trackBy不触发ngDestroy,但组件已更新。
创始人
2024-10-24 06:31:55
0

在使用trackBy进行轮询时,强制刷新组件的视图。可以通过触发CD检测 (ChangeDetectorRef.detectChanges())或者强制刷新 (this.ngZone.run(() => {}))来实现。以下是示例代码:

@Component({
  selector: 'my-component',
  template: `
    
  • {{ item }}
` }) export class MyComponent implements OnInit, OnDestroy { items: string[] = []; private subscription: Subscription; constructor(private myService: MyService, private cd: ChangeDetectorRef, private ngZone: NgZone) {} ngOnInit() { this.subscription = timer(0, 1000).subscribe(() => { this.myService.getItems().subscribe(items => { this.items = items; // 触发CD检测 this.cd.detectChanges(); // 或者强制刷新 this.ngZone.run(() => { }); }); }); } ngOnDestroy() { this.subscription.unsubscribe(); } trackByFn(index: number, item: string) { return item; } }

相关内容

热门资讯

技巧知识分享!德扑线上有机器人... 1、技巧知识分享!德扑线上有机器人,德扑赔率胜率计算,原来是真的有挂(有挂透明)-哔哩哔哩。2、德扑...
新手必备!德扑ai自定义设置数... 新手必备!德扑ai自定义设置数据(辅助挂)的确是真的有挂(详细教程)(有挂方法)-哔哩哔哩;实战中需...
7分钟了解!德扑软件开发(透视... 7分钟了解!德扑软件开发(透视)原来真的有挂(详细教程)(有挂教学)-哔哩哔哩;支持多人共享记分板与...
透视安卓版(扑克时间假假)透视... 透视安卓版(扑克时间假假)透视辅助(透视)其实是真的有挂(有挂总结)-哔哩哔哩相信很多朋友都在电脑上...
信息共享!眯眯扑克赢,德州ai... 【福星临门,好运相随】;信息共享!眯眯扑克赢,德州ai辅助神器wpk,原来是真的有挂(有挂教学)-哔...
玩家实测!德州辅助分析软件(辅... 玩家实测!德州辅助分析软件(辅助挂)原来是真的有挂(详细教程)(有挂总结)-哔哩哔哩;人气非常高,a...
技术分享!鱼扑克(透视)的确真... 技术分享!鱼扑克(透视)的确真的有挂(详细教程)(有挂教程)-哔哩哔哩;建议优先通过鱼扑克透明挂内置...
五分钟了解(德扑之星用刷数据)... 五分钟了解(德扑之星用刷数据)软件透明挂(辅助挂)确实真的有挂(有挂技巧)-哔哩哔哩;原来确实真的有...
盘点一款!德扑ai代打会检测到... 盘点一款!德扑ai代打会检测到(辅助挂)果真真的有挂(详细教程)(有挂教程)-哔哩哔哩;支持2-10...
来一盘!红龙扑克辅助工具,德扑... 来一盘!红龙扑克辅助工具,德扑之星电脑版,确实是真的有挂(有挂总结)-哔哩哔哩需要回顾用户提供的搜索...