Tips for accessing a RouterState from the @ngxs/router-plugin before and during the initialization of other states

Question

Tips for accessing a RouterState from the @ngxs/router-plugin before and during the initialization of other states

Previously, in an Angular 8.0.0 and 3.5.0 NGXS application, I successfully retrieved the RouterState using SelectSnapshot from the @ngxs/router-plugin within other states before component rendering. However, in my latest application, the RouterState now returns as undefined, seemingly not initialized before other states begin execution. This has prevented me from accessing SelectSnapshot in my components. this feature was crucial for page refreshes. Can someone guide me on how to achieve this with NGXS?

I attempted to use the new RouterDataResolved parameters within the state but encountered issues.

I have created a simple StackBlitz example demonstrating how I previously accessed the router state. Is there something I am missing or is there a specific setting required? https://stackblitz.com/edit/angular-nm7cj7

angular typescript angular8 ngxs

Answer 1

Answer №1

Why not simply choose the RouterState like any other state using select in your code?

export class AppComponent  {
    constructor(private store: Store) {
      this.store.select(RouterState).subscribe((value) => {
        console.log(value);
      });
  }
}

Perhaps it would be more beneficial to utilize the existing @ngxs/router actions rather than creating custom GetRouterState functionality.

Take a look at router.actions.ts on the NGXS repository for reference.

Answer 2

Why not simply choose the RouterState like any other state using select in your code?

export class AppComponent  {
    constructor(private store: Store) {
      this.store.select(RouterState).subscribe((value) => {
        console.log(value);
      });
  }
}

Perhaps it would be more beneficial to utilize the existing @ngxs/router actions rather than creating custom GetRouterState functionality.

Take a look at router.actions.ts on the NGXS repository for reference.

Tips for accessing a RouterState from the @ngxs/router-plugin before and during the initialization of other states

Answer №1

Similar questions

Is Aurelia-Fetch reliant on whatwg-fetch as a dependency in its codebase?

The type 'FormikValues' is deficient in the subsequent properties compared to the type 'Exact<{'

Looking to build a unique form validator for two inputs? Ensure that one input number is consistently larger than the other with this guide

a dedicated TypeScript interface for a particular JSON schema

NativeScript encountered an error while trying to locate the module 'ui/sidedrawer' for the specified element 'Sidedrawer'

Is there a way to establish a connection between two excel entries using Angular?

The proper method for specifying contextType in NexusJS when integrating with NextJS

The Relationship between Field and Parameter Types in TypeScript

Displaying ASP.Net Core Application on local IIS - Unable to locate content

angular change digits to Persian script

Tips for linking the search button to the corresponding input field in Angular

Updating a particular element within an array in Firestore

Building and executing an Angular 2 program on the Windows platform: Step-by-step guide

Creating a personalized validation function in Angular to validate a form field against another form field

Ways to solve VScode gutter indicator glitches after switching text editors?

Does the Typescript compiler sometimes skip adding braces?

Is it possible to integrate Angular8 components into AngularJS(1.x) by importing them as a node module?

An unusual occurrence of events may occur when serverTimestamp fields are added to a Firestore collection alongside new elements

Issue with PrimeNg dropdown in a modifiable data table where the chosen value is not retained

Display captions on react-player videos using an .srt file