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; } }

相关内容

热门资讯

关于!wepoker辅助透视软... 关于!wepoker辅助透视软件,大菠萝789辅助器下载,本来是有挂(有挂秘笈)一、wepoker辅...
分享一款!aapoker万能辅... 分享一款!aapoker万能辅助器,wepoker有插件吗,其实是有挂(的确有挂)1、在插件功能辅助...
新手必备!德普之星辅助工具如何... 新手必备!德普之星辅助工具如何设置,wepoker钻石怎么看底牌,原来是有挂(有挂分享)1、免费脚本...
来一盘!德州透视竞技联盟,po... 来一盘!德州透视竞技联盟,pokerworld辅助器,一直是有挂(有人有挂)1、来一盘!德州透视竞技...
指导大家!wejoker辅助脚... 指导大家!wejoker辅助脚本,wepokerplus透视脚本免费,原来真的是有挂(有挂攻略)1、...
科技分享!poker worl... 科技分享!poker world辅助,红龙poker辅助工具,都是真的是有挂(有挂细节)1、实时透视...
普及知识!wepoker如何设... 普及知识!wepoker如何设置透视,wepoker智能辅助插件,一直真的有挂(今日头条)1、该软件...
玩家必用!hhpoker辅助器... 玩家必用!hhpoker辅助器视频,wepoker怎么增加运气,果然是有挂(确实有挂)破解侠是真的助...
科技介绍!德普之星透视辅助插件... 科技介绍!德普之星透视辅助插件,wepoker私人局辅助挂,总是有挂(有挂秘笈)1、起透看视 辅助软...
攻略讲解!来玩app破解版,p... 攻略讲解!来玩app破解版,pokerworld辅助器,确实是有挂(有挂透视)1、起透看视 辅助软件...