Angular2：如何刷新解析器依赖的组件？

Question

我有三个组件，每个组件都有自己的解析器，可以从不同的 API 获取数据。 为此，这些组件依赖于一个 url，该 url 使用服务在它们之间共享。

我希望当该 url 发生更改时，每个组件都会自行重新加载，即重新启动解析器。

我查看了几个相关的 S.O 问题，但没有提到在使用解析器时如何这样做，参见：question 1,question 2,question 3

我可以想到两种方法：

肮脏的方式：使用路由器重定向和空白组件强制刷新组件。

this.router.navigateByUrl('blank',true);
this.router.navigateByUrl('home/(mapps:mobil//sw:simil//sf:sales)');

但这没有用。有一次刷新，但解析器没有……解决。

另一种方式：使用 BehaviorSubject 或 ChangeDetectorRef。 但是，我对如何实现它一无所知，考虑到检测组件中的更改并不能帮助我真正重新启动解析器。

我的感觉是这必须通过路由器以某种方式完成，因为它知道解析器：

const routes: Routes = [
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    component: HomeComponent,
    children : [
      {
        path: '',
        component: BlankComponent
      },
      {
        path: 'simil',
        component: SwComponent,
        outlet: 'sw',
        resolve: {
          data: SwResolve
        }
      },
      {
        path: 'sales',
        component: SalesComponent,
        outlet: 'sf',
        resolve: {
          data: SalesResolve
        }
      }
    ]
  },
  {
    path: 'blank',
    component: BlankComponent
  }
];

关于如何实现这一点的任何提示？

编辑：这是related plunkr

编辑 6 月 17 日： 不再需要空白组件解决方法。 要刷新组件，只需回调路由即可：

this.router.navigateByUrl('home/(mapps:mobil//sw:simil//sf:sales)')

Answer 1

目前无法刷新路线。 with RouteReuseStrategy in Angular 2.3 可能会这样做。

当路线改变时会重新评估解析器，并且可以从ActivatedRoute 观察到。如果路线保持不变（没有更改参数），则不会重新评估它们，并且应该进行相应的设计。

路由更改是异步的，解决方法是链接路由更改：

this.router.navigateByUrl('blank').then(() => {
  this.router.navigateByUrl('home/(mapps:mobil//sw:simil//sf:sales)');
})

Answer 2

使用 Angular 5 或更高版本可以重新运行 GuardsAndResolvers

来自official documentation

默认情况下它们仅在路由的矩阵参数时运行 改变。当设置为 paramsOrQueryParamsChange 他们也将运行时 查询参数改变。当设置为始终时，它们将每次运行。

{
   path: 'some path',
   runGuardsAndResolvers: 'paramsOrQueryParamsChange'
   ...
}

这应该重新运行守卫和解析器。