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(); // 要多加一行這個 執行一次變化檢測 }) } }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM