要确保Angular运行变更检测,可以在组件内手动触发变更检测。例如,可以注入ChangeDetectorRef
并在需要的地方调用detectChanges()
方法。代码示例:
import { Component, ChangeDetectorRef } from '@angular/core';
@Component({
selector: 'app-example',
template: '{{message}}'
})
export class ExampleComponent {
message = 'Hello world';
constructor(private cdr: ChangeDetectorRef) {}
someMethod() {
// 当需要手动触发变更检测时,调用detectChanges()方法
this.message = 'Hello universe';
this.cdr.detectChanges();
}
}