Angular8中回调函数内改变数据但视图不能实时更新

最新推荐文章于 2022-04-19 16:25:22 发布

weixin_30765319

最新推荐文章于 2022-04-19 16:25:22 发布

阅读量1.7k

点赞数

文章标签： javascript json java ViewUI

原文链接：http://www.cnblogs.com/liubingboke/p/11068986.html

版权

解决方法就是通过依赖注入给组件来引入一个ChangeDetectorRef，并标注组建树目录，告诉angular此处需要监测，具体方法见代码：
@Component({
  template: '{{num}}',
  changeDetection: ChangeDetectionStrategy.OnPush
})
class Example { constructor(private cdf: ChangeDetectorRef) {} // 依赖注入ChangeDetectorRef @Input() addNumStream:Observable<any>; num = 0; ngOnInit() { this.addNumStream.subscribe(() => { this.num++; this.cdf.markForCheck(); // 进行标注 this.cdf.detectChanges(); // 要多加一行这个 执行一次变化检测 }) } }