如何刷新路径的已解析数据

Question

请考虑以下路由配置:

const routes: Routes = [
  {
    path: '',
    component: AppComponent,
    resolve: {
      app: AppResolver
    },
    children: [
      {
        path: 'user/:uid',
        resolve: {
          user: UserResolver
        },
        children: [
          {
            path: '',
            component: ViewUserComponent
          },
          {
            path: 'edit',
            component: EditUserComponent
          }
        ]
      }
    ]
  }
];

用户数据由UserResolver路径的任何子节点检索/user/:uid.使用此数据,可以通过导航到导航到/user/:uid然后编辑来查看用户配置文件/user/:uid/edit.成功编辑后,可能会重定向到用户的更新配置文件(/user/:uid).

但是,视图和编辑页面都是已解析路径的子项,当从一个路径导航到另一个路径时,不会触发解析器.

因此,当从编辑组件导航回视图组件时,显示的数据仍然是旧的,未更新的数据.

是否有办法使已解析的user数据无效以强制解析器再次从服务器获取它？或者有没有其他方法来实现这种结果？

该app数据是不变的,我们不应该重新加载它.

Answer 1

我已经测试了解决方案'runGuardsAndResolvers',它适用于我的用例,在每个子页面更改时调用解析器.

它只是添加此选项,您希望以这种方式表现您的路线部分.

export const ROUTES: any = [
  {
    path: 'project/:name',
    runGuardsAndResolvers: "always",
    component: ProjectComponent,
    resolve: { project: ProjectResolver },
    children: [
      ...

Answer 2

你可以尝试这样的事情：

constructor(private activatedRoute: ActivatedRoute) {
  this.activatedRoute.parent.data.subscribe(data => {
    this.profile = data.profile;
  });
}

updateProfile(newProfile) {
  (this.activatedRoute.parent.data as BehaviorSubject<any>).next({profile: newProfile});
}

Answer 3

您可以在路径配置中使用一个名为"runGuardsAndResolvers"的参数,该参数将影响解析器运行的时间.在这种情况下,您可能希望将其设置为"始终".这意味着解析器将在该路由的子路由发生更改时运行.有关更多信息,请参阅路由文档.