我在这里使用的是angular 6。
我有一个表单页面,其中用户填写该表单,然后在保存时,我将详细信息保存到数据库,然后将用户重定向到列表页面,在列表页面中,他可以看到列表表单中所有保存的记录。
我在保存时使用下面的代码来重定向
this.router.navigate([`${CONFIG.app}/listAll`]);
问题是,当我执行上述操作时,它将我重定向到列表页面,但有旧的列表条目,只有当我刷新页面时,我才能看到最近保存的条目。谁能建议什么是最好的方式来做自动刷新的目标页面。
谢谢
--更新--
我的list组件上有以下内容:
ngOnInit() {
this.myService.getAllList().subscribe((obj: any[]) => {
this.allData= obj;
});
}
以下是我的服务:
getAllList(): Observable<{} | any[]> {
return this.httpClient.get<any[]>(this.url, {})
.pipe(map(res => this.extractData<any[]>(res)),
catchError(this.exceptionService.catchBadResponse));
}
private extractData<T>(response: any) {
if (response && (response.status < 200 || response.status >= 300)) {
throw new Error('Bad response status: ' + response.status);
}
return <T>(response || {});
}
发布于 2019-10-24 19:10:25
请分享listAll组件代码。你使用ngoninit作为list吗?
发布于 2019-10-24 19:11:43
不要那样做!JS框架的目标是避免重新加载。当您获得API响应时,将接收到的数据注入到组件中。
如果需要帮助,请添加组件或/和服务。
https://stackoverflow.com/questions/58547547
复制相似问题