Angular8中回調函數內改變數據但視圖不能實時更新

解決方法就是經過依賴注入給組件來引入一個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(); // 要多加一行這個 執行一次變化檢測 }) } }
相關文章
相關標籤/搜索