ActivatedRoute数据在具有不同查询参数的相同网址导航中不会更改

Question

我正在尝试实现过滤器，一旦用户提交过滤器表单，我将表单的内容作为查询参数传递，并且解析器进行服务调用以根据过滤条件获取新内容。

这就是我设置路线的方式（ReferralsPage是一个Lazily Loaded组件）

//app-routing.module.ts
    {
        path: 'home',
        resolve: {
          loggedIn: AuthenticationResolver
        },
        children: [
          { path: '', redirectTo: 'referrals', pathMatch: 'full' },
          { path: 'referrals', loadChildren: './pages/referrals/referrals.module#ReferralsPageModule' }]
    }

//referralsPageModule.ts
    const routes: Routes = [
      {
        path: '',
        component: ReferralsPage,
        resolve: {
          response: ReferralsResolver
        },
        runGuardsAndResolvers: 'paramsOrQueryParamsChange'
      }
    ];

并且路由在ReferralsPageModule中导入的RouterModule的forChild()方法中传递。

这是我的resolve()中的ReferralsResolver函数

resolve(snapshot: ActivatedRouteSnapshot): Observable<ReferralSearchResponse> {
    const criteria = this._getFilterCriteria(snapshot);
    const sort = (criteria && criteria.sort) ? criteria.sort : '-lastUpdated';
    return this._referralsService.getReferrals(1, 25, sort, criteria)
        .pipe(tap(console.log))
  }

最后，这是对我的Component中激活的路径数据的订阅。

 ngOnInit() {
    this._activatedRoute.data.subscribe((val) => {
      console.log(val);
    })
}

这就是我如何使用router.navigate()留在不同的queryParams页面。

this._router.navigate([], { relativeTo: this._activatedRoute, queryParams: this.filterCriteria })

我的问题是activatedRouteData订阅第一次获取已解析的数据。但是，一旦我应用过滤器并更改queryParams，我的解析器就会运行并从服务器获取数据。但是，activatedRouteData订阅永远不会收到任何新数据。

Answer 1

替代解决方案，您可以强制组件在构造函数中重新加载

constructor(private router: Router) {
   this.router.routeReuseStrategy.shouldReuseRoute = () => false;
}