要在Angular中使用变更检测Promises的解决方法如下:
ChangeDetectorRef
模块:import { ChangeDetectorRef } from '@angular/core';
promiseResult: any;
ChangeDetectorRef
:constructor(private cdr: ChangeDetectorRef) { }
handlePromise() {
yourPromiseFunction().then(result => {
this.promiseResult = result;
this.cdr.detectChanges(); // 手动触发变更检测
});
}
{{ promiseResult }}
handlePromise()
方法来处理Promise并更新视图:ngOnInit() {
this.handlePromise();
}
这样,当Promise解析后,Angular会自动检测到变化并更新视图。使用ChangeDetectorRef
的detectChanges()
方法可以手动触发变更检测。