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

相关内容

热门资讯

透视办法!德州真人透视脚本(透... 透视办法!德州真人透视脚本(透视)聚星ai辅助工具收费多少(辅助)好像一直总是有方法(哔哩哔哩)1、...
透视黑科技!聚星ai辅助工具下... 透视黑科技!聚星ai辅助工具下载(透视)心悦辅助出售平台(确实存在有辅助插件)-哔哩哔哩1、许多玩家...
透视课程!竞技联盟透视(透视)... 透视课程!竞技联盟透视(透视)hardrock透视工具(辅助)本来真的有技巧(哔哩哔哩)亲,关键说明...
透视神器!wepoker祈福有... 透视神器!wepoker祈福有用吗(透视)反杀大厅辅助(真是真的是有辅助辅助器)-哔哩哔哩1、每一步...
透视举措!拱趴大菠萝万能挂图解... 透视举措!拱趴大菠萝万能挂图解(透视)扑克之星辅助(辅助)切实真的有攻略(哔哩哔哩)1、点击下载安装...
今天下午!德普辅助软件(透视)... 今天下午!德普辅助软件(透视)新玄龙辅助(其实真的是有辅助辅助器)-哔哩哔哩该软件可以轻松地帮助玩家...
透视技法!约局吧如何查看是否有... 透视技法!约局吧如何查看是否有挂(透视)pokemmo手机脚本辅助器(辅助)真是真的有教程(哔哩哔哩...
更值得关注的是!竞技联盟破解版... 更值得关注的是!竞技联盟破解版最新版(透视)微乐辅助脚本(好像真的是有辅助神器)-哔哩哔哩运微乐辅助...
透视练习!约局吧开挂神器是真的... 透视练习!约局吧开挂神器是真的吗(透视)epoker底牌透视(辅助)本来有教程(哔哩哔哩)一、约局吧...
昨日!wejoker辅助器怎么... 昨日!wejoker辅助器怎么卖(透视)欢聚水鱼智能辅助教程(切实有辅助平台)-哔哩哔哩1、欢聚水鱼...