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有后台操控吗,wepoker透视最简单三个步骤,都是有挂(有挂方略)所有人...
必备教程!aapoker破解侠... 必备教程!aapoker破解侠是真的吗,微扑克游戏辅助器,切实是有挂(有挂功能)1)有没有挂:进一步...
玩家必看科普!微扑克辅助,we... 玩家必看科普!微扑克辅助,wepoker辅助器最新版本更新内容,都是是有挂(竟然有挂)1、进入到we...
最新技巧!aapoker辅助器... 最新技巧!aapoker辅助器怎么用,aapoker脚本,好像是真的有挂(有挂方式)亲,关键说明,透...
热点推荐!哈糖大菠萝攻略,红龙... 热点推荐!哈糖大菠萝攻略,红龙poker作弊指令,好像存在有挂(有挂解惑)1、热点推荐!哈糖大菠萝攻...
大家学习交流!fishpoke... 大家学习交流!fishpoker透视底牌,wpk辅助,好像存在有挂(果真有挂)所有人都在同一条线上,...
推荐一款!wepoker有透视... 推荐一款!wepoker有透视底牌吗,wepoker有脚本吗,确实有挂(有挂助手)推荐一款!wepo...
科技新动态!hhpoker德州... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款游戏中打...
总算了解!如何下载wpk透视版... 总算了解!如何下载wpk透视版,德普之星辅助器,切实存在有挂(有挂秘诀)1、玩家可以在德普之星辅助器...
必备科技!拱趴大菠萝辅助神器,... 必备科技!拱趴大菠萝辅助神器,aapoker透视方法,竟然真的有挂(有挂详细)在进入拱趴大菠萝辅助神...