Router Store: Return resolved route title via selectTitle selector

[markostanimirovic]

Which @ngrx/* package(s) are relevant/related to the feature request?

router-store

Information

The selectTitle selector should return resolved route title when a custom title resolver is used. In v14, it selects the title defined as a static string in route configuration.

Describe any alternatives/workarounds you're currently using

No response

I would be willing to submit a PR to fix this issue

• Yes
• No

[enten]

FYI: we can get the title resolved with TitleStrategy.getResolvedTitleForRoute(snapshot: ActivatedRouteSnapshot).

Example of MinimalRouterStateSerializer using the TitleStrategy to resolve the title:

export class MinimalRouterStateSerializer
  implements RouterStateSerializer<MinimalRouterStateSnapshot>
{
  constructor(private titleStrategy: TitleStrategy) {}

  serialize(routerState: RouterStateSnapshot): MinimalRouterStateSnapshot {
    return {
      root: this.serializeRoute(routerState.root),
      url: routerState.url,
    };
  }

  private serializeRoute(
    route: ActivatedRouteSnapshot
  ): MinimalActivatedRouteSnapshot {
    const children = route.children.map((c) => this.serializeRoute(c));
    const routeTitle = this.titleStrategy.getResolvedTitleForRoute(route);
    return {
      params: route.params,
      data: route.data,
      url: route.url,
      outlet: route.outlet,
      routeConfig: route.routeConfig
        ? {
            path: route.routeConfig.path,
            pathMatch: route.routeConfig.pathMatch,
            redirectTo: route.routeConfig.redirectTo,
            outlet: route.routeConfig.outlet,
            title: routeTitle,
          }
        : null,
      queryParams: route.queryParams,
      fragment: route.fragment,
      firstChild: children[0],
      children,
    };
  }
}