首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular:刷新Angular路径上的目标

Angular:刷新Angular路径上的目标
EN

Stack Overflow用户
提问于 2019-10-25 02:51:57
回答 2查看 85关注 0票数 0

我在这里使用的是angular 6。

我有一个表单页面,其中用户填写该表单,然后在保存时,我将详细信息保存到数据库,然后将用户重定向到列表页面,在列表页面中,他可以看到列表表单中所有保存的记录。

我在保存时使用下面的代码来重定向

代码语言:javascript
运行
复制
this.router.navigate([`${CONFIG.app}/listAll`]); 

问题是,当我执行上述操作时,它将我重定向到列表页面,但有旧的列表条目,只有当我刷新页面时,我才能看到最近保存的条目。谁能建议什么是最好的方式来做自动刷新的目标页面。

谢谢

--更新--

我的list组件上有以下内容:

代码语言:javascript
运行
复制
  ngOnInit() {
    this.myService.getAllList().subscribe((obj: any[]) => {
      this.allData= obj;         
     });
   }

以下是我的服务:

代码语言:javascript
运行
复制
  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 || {});
    }
EN

回答 2

Stack Overflow用户

发布于 2019-10-25 03:10:25

请分享listAll组件代码。你使用ngoninit作为list吗?

票数 0
EN

Stack Overflow用户

发布于 2019-10-25 03:11:43

不要那样做!JS框架的目标是避免重新加载。当您获得API响应时,将接收到的数据注入到组件中。

如果需要帮助,请添加组件或/和服务。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58547547

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档