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

相关内容

热门资讯

透视软件!hhpoker脚本(... 透视软件!hhpoker脚本(透视)开挂辅助app(其实是有挂)-哔哩哔哩所有人都在同一条线上,像星...
透视脚本!微扑克微乐辅助,we... 透视脚本!微扑克微乐辅助,wepoker透视有没有,窍门教程(确实有挂)-哔哩哔哩所有人都在同一条线...
透视私人房!wepoker轻量... 透视私人房!wepoker轻量版透视(透视)开挂辅助攻略(切实有挂)-哔哩哔哩wepoker轻量版透...
透视透视挂!hhpoker免费... 透视透视挂!hhpoker免费透视脚本,wepoker有辅助工具吗,大纲教程(都是是真的挂)-哔哩哔...
透视检测!wepoker有辅助... 透视检测!wepoker有辅助功能吗(透视)开挂辅助挂(其实真的是有挂)-哔哩哔哩亲,关键说明,we...
透视新版!有没有人wepoke... 透视新版!有没有人wepoker,we poker辅助器,妙计教程(好像是真的挂)-哔哩哔哩1、很好...
透视软件!wepoker分析(... 透视软件!wepoker分析(透视)开挂辅助插件(切实是有挂)-哔哩哔哩1、每一步都需要思考,不同水...
透视美元局!wepoker怎么... 透视美元局!wepoker怎么发冤家牌,德扑圈透视,指引教程(本来是真的挂)-哔哩哔哩1)wepok...
透视黑科技!wpk俱乐部有没有... 透视黑科技!wpk俱乐部有没有辅助(透视)开挂辅助插件(总是是真的挂)-哔哩哔哩wpk俱乐部有没有辅...
透视插件!德普之星透视免费,约... 透视插件!德普之星透视免费,约局吧开挂,总结教程(切实真的有挂)-哔哩哔哩1、玩家可以在德普之星透视...