Question

我在这里使用角度6。

我有一个表单页面，用户在其中填写该表单，然后在保存时将详细信息保存到数据库，然后将用户重定向到“列表”页面，在那里他以列表形式查看所有已保存的记录。

我在保存时使用以下代码进行重定向

this.router.navigate([`${CONFIG.app}/listAll`]);

问题是当我执行上述操作时，它会将我重定向到列表页面，但是具有旧的列表条目，只有当我刷新页面时，才能看到最近保存的条目。任何人都可以建议什么是自动刷新目标页面的最佳方法。

谢谢

-更新-

我的列表组件中包含以下内容：

  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 || {});
    }

Answer 1

pls共享列表所有组件代码。您是否使用ngoninit作为列表

Answer 2

不要那样做！ JS框架旨在避免重新加载。当您获得API响应时，将接收到的数据注入到您的组件中。

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

角度：刷新角度路线上的目标

2 个答案: