在ngOnInit函数中使用ChangeDetectorRef的detectChanges方法手动触发变化检测。示例代码如下:
import { Component, OnInit, ChangeDetectorRef } from '@angular/core'; import { DataService } from './data.service';
@Component({
selector: 'app-root',
template:
})
export class AppComponent implements OnInit {
data: string[];
constructor(private dataService: DataService, private cdr: ChangeDetectorRef) {}
ngOnInit() { this.dataService.getData().subscribe(data => { this.data = data; this.cdr.detectChanges(); // 手动触发变化检测 }); } }
在这个示例中,注入了ChangeDetectorRef依赖,然后在ngOnInit函数中调用了detectChanges方法,这将使Angular重新检查组件中的绑定并更新它们。这将确保在组件初始化时正确地渲染出数据。