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

相关内容

热门资讯

玩家必看教程!微信微乐自建房辅... 玩家必看教程!微信微乐自建房辅助工具,微乐小程序免费黑科技(开挂自建房)技巧一、微信微乐自建房辅助工...
盘点一款!微乐家乡麻将自建房辅... 盘点一款!微乐家乡麻将自建房辅助app,微乐家乡麻将自建房辅助app(开挂自建房)脚本小薇(辅助器软...
三分钟了解!微乐小程序自建房辅... 三分钟了解!微乐小程序自建房辅助工具插件,微乐小程序免费黑科技(开挂自建房)脚本1、每一步都需要思考...
玩家攻略!微信卡五星辅助器,微... 玩家攻略!微信卡五星辅助器,微乐自建房脚本免费入口(开挂自建房)攻略1、打开软件启动之后找到中间准星...
教程辅助!微乐微信自建房辅助工... 教程辅助!微乐微信自建房辅助工具插件,微乐小程序免费黑科技(开挂自建房)工具所有人都在同一条线上,像...
科技新动态!微信雀神麻将挂件开... 科技新动态!微信雀神麻将挂件开挂辅助,微乐小程序免费黑科技(开挂自建房)方法1、在微信雀神麻将挂件开...
教学盘点!微乐自建房辅助工具挂... 教学盘点!微乐自建房辅助工具挂,微乐家乡麻将自建房辅助app(开挂自建房)方法1、微乐家乡麻将自建房...
终于懂了!微乐小程序麻将自建房... 终于懂了!微乐小程序麻将自建房辅助工具插件,微乐家乡麻将自建房辅助app(开挂自建房)教程1、微乐小...
推荐攻略!微乐自建房辅助工具脚... 推荐攻略!微乐自建房辅助工具脚本,微乐自建房脚本免费入口(开挂自建房)教程推荐攻略!微乐自建房辅助工...
揭秘一下!微乐小程序自建房辅助... 揭秘一下!微乐小程序自建房辅助工具插件,微乐家乡麻将自建房辅助app(开挂自建房)攻略1、微乐小程序...