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

相关内容

热门资讯

4分钟辅助!werplan透视... 4分钟辅助!werplan透视挂,pokernow辅助工具,策略教程(有挂详细)1、pokernow...
6分钟辅助!aapoker真的... 6分钟辅助!aapoker真的假的,wepoker开脚本视频,技法教程(有挂解惑)1、下载好wepo...
第一分钟辅助!we poker... 第一分钟辅助!we poker免费辅助器,wpk插件,绝活儿教程(有挂分享)1、we poker免费...
第一分钟辅助!wepoker辅... 第一分钟辅助!wepoker辅助器官方,wepoker游戏的安装教程,指南教程(新版有挂)wepok...
第九分钟辅助!aapoker脚... 第九分钟辅助!aapoker脚本,德普之星透视辅助软件激活码,机巧教程(有挂秘籍)德普之星透视辅助软...
第1分钟辅助!wpk可以作弊吗... 第1分钟辅助!wpk可以作弊吗,steampokermaster辅助,举措教程(真是有挂)1、ste...
第一分钟辅助!德州透视脚本,h... 第一分钟辅助!德州透视脚本,hhpoker有辅助吗,攻略教程(有挂辅助)1、完成hhpoker有辅助...
3分钟辅助!hhpoker辅助... 3分钟辅助!hhpoker辅助器,德普之星辅助软件,练习教程(有挂猫腻)1、下载好德普之星辅助软件脚...
一分钟辅助!hh poker辅... 一分钟辅助!hh poker辅助器先试用,wepoker是不是有人用挂,烘培教程(有挂解惑)1、we...
第8分钟辅助!wepoker代... 第8分钟辅助!wepoker代打辅助,wpk软件是正规的吗,指南教程(有挂分析)1、操作简单,无需w...