我有一个组件，我想在其中加载从后端接收的对象.
ngOnInit() {
this.source.load(this.myService.findAll());
}
在myService中，我使用Axios从后端获取数据.我可以看到数据到达了前台
public findAll(): any {
axios.get('http://localhost:8080/api/getAll')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
})
}
如何从组件调用服务，以便接收对象数组？
NgOnInit不是异步的，因此您必须以一种即发即忘的方式调用您的方法.以下是使用FETCH的答案，因为我不熟悉AXIOS，但它可能很相似.
您没有说您确切期望的是哪个array.如果你知道，你可以用Promise<MyObject[]>来代替Promise<any>.您可能需要在.json()之后添加as MyObject[]
// angular component
ngOnInit() {
(async () => {
const data = await this.myService.findAll();
this.source.load(data);
})();
}
// MyService class
public async findAll(): Promise<any> {
try {
const response = await fetch('http://localhost:8080/api/getAll');
if(!response.ok) {
throw new Error("failed to fetch");
}
return await response.json();
} catch (error) {
throw new Error("failed to fetch");
}
}