为什么在angular中加载http需要一些时间

Question

我正在尝试更新数组值，但在httpClient方法内它正在工作，但它不在外面工作。那么，如何在angular 14中解决这个问题呢?

app.component.ts:

ngOnInit(): void {
this.httpClient.get<string[]>('../assets/data.json').subscribe((data) => {
this.groupData = data;
console.log(this.groupData); // it should be data.json value
}); 

}

Demo: https://stackblitz.com/edit/angular-ivy-1hqg9x?file=src%2Fapp%2Fapp.component.ts

Answer 1

这个可观察对象是异步解析的，因此你的日志消息是在http调用返回

之前写的。

ngOnInit(): void {
this.httpClient.get<string[]>('../assets/data.json').subscribe((data) => {
this.groupData = data;
console.log(this.groupData); // now you see the resolved data
}); 
}