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透视有吗(透视)开挂辅助神器(竟然是有挂)-哔哩哔哩wepoker透视有吗...
透视科技!wejoker透视方... 透视科技!wejoker透视方法,wepoker线上大神,操作教程(确实存在有挂)-哔哩哔哩在进入w...
透视苹果版!wepoker黑侠... 透视苹果版!wepoker黑侠辅助器正版下载,aapoker透视插件,举措教程(切实真的是有挂)-哔...
透视存在!wepoker辅助脚... 透视存在!wepoker辅助脚本(透视)开挂辅助软件(确实存在有挂)-哔哩哔哩1、玩家可以在wepo...
透视辅助!wejoker辅助机... 透视辅助!wejoker辅助机器人,wepoker挂,窍要教程(总是存在有挂)-哔哩哔哩wejoke...
透视私人局!pokemmo手机... 透视私人局!pokemmo手机脚本,wepoker安装教程,经验教程(真是是真的挂)-哔哩哔哩1.p...
透视私人房!aapoker辅助... 透视私人房!aapoker辅助器怎么用(透视)开挂辅助软件(竟然存在有挂)-哔哩哔哩所有人都在同一条...
透视透视!大菠萝789辅助器下... 透视透视!大菠萝789辅助器下载,wepoker破解器激活码,策略教程(一直有挂)-哔哩哔哩1、玩家...
透视靠谱!wpk模拟器是什么(... 透视靠谱!wpk模拟器是什么(透视)开挂辅助方法(真是存在有挂)-哔哩哔哩小薇(透视辅助)致您一封信...
透视黑科技!wepoker透视... 透视黑科技!wepoker透视底牌脚本,德普之星辅助工具如何设置,方针教程(果然真的有挂)-哔哩哔哩...