我在服务器上的生产环境中有一个应用程序,但遇到了这个问题。 api正确地带来了数据,但是组件没有检测到数据何时到达,因此也没有更新视图。
这是components方法的代码:
private loadRecetas = () => {
this.data = [];
this.loaderService.showLoader();
this.itemRecetasService.getItemRecetas().subscribe((success: any) => {
this.data = success.data;
this.loaderService.hideLoader();
}, error => {
this.snackbarService.errorSnackBar('Ocurrio un error al cargar las recetas');
this.loaderService.hideLoader();
});
};
这里是服务代码
public getItemRecetas = () => {
const url = this.buildUrl(this.itemsRecetasUrl);
return this.http.get(url, {headers: this.getHeaders()});
};
我以前使用过angular,这是我第一次遇到这种情况。
我将感谢您的评论。
更新: 我在组件中做了一些控制台,这就是发生的情况。 我有一个子组件,可从父组件接收数据。它确实会第一次传递数据(一个空数组),但此后再也不会更新。