如何在queryParams更改时重新运行解析器

时间:2017-07-21 10:03:56

标签: angular typescript observable angular-router

我正在研究它好几天,但到目前为止找不到任何解决方案。

我有一个解析器服务,它应该返回 Observable

resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) : Observable<any>|Promise<any>{
    return Observable.forkJoin(
         this.http.get(first call with queryParam),
         this.http.get(second call with queryParam),             
    );
}

我订阅了组件中的ActivatedRoute数据,它运行良好。

但是,正如您在上面的代码中看到的,我的组件有一个 queryParam ,我的API调用依赖于此 queryParam 。当我手动更改它时,它不会再次“解析”该路线。

我完全理解为什么,我阅读了文档。

有没有人有解决方法?在这种情况下,甚至可以订阅params并返回一个Observable吗?

我到目前为止尝试了这个,但它没有返回一个Observable,所以它什么也没做:

this.router.events.subscribe(event => { 
    if(event instanceof ResolveEnd){
      // My previous Observable.forkJoin
    }
});

谢谢:)!

----------- 解决方案(感谢Maximus): -----------

添加路由:

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

然后,无需订阅路线事件或任何东西!魔术!

1 个答案:

答案 0 :(得分:23)

您可以使用runGuardsAndResolvers作为路线。以下是官方文档的说法:

  

...定义何时运行警卫和解析器。   默认情况下,它们仅在路径的矩阵参数时运行   更改。当设置为paramsOrQueryParamsChange时,它们也将在何时运行   查询参数更改。当设置为always时,它们每次都会运行。

因此,在定义路线时,您可以像这样使用它:

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

这应该重新运行警卫和解决方案。