Tips for retrieving Angular routing data from external sources outside of an Angular application

Question

Tips for retrieving Angular routing data from external sources outside of an Angular application

Is there a way to automatically generate a sitemap for each module during build time?

The project structure is as follows:

- cli
- client
   -- Module A
      -- Routing A
   -- Module B
      -- Routing B
   -- Module C
      -- Routing C
- server

I am looking to access the router data of each module located in the CLI folder in order to create individual sitemaps for them.

While I have the logic for generating the sitemaps, I am unsure how to retrieve the router data from each module. Any guidance would be greatly appreciated.

angular typescript

Answer 1

Answer №1

If you want to retrieve the active route without having to subscribe to router events, there is a simple method using a while loop to recursively locate the lowest child route.

private findActiveRoute(): ActivatedRoute {
    let currentRoute = this.router.routerState.root;
    while (currentRoute.firstChild) {
        currentRoute = currentRoute.firstChild;
    }
    return currentRoute;
}

I hope this solution proves useful to you.

Answer 2

If you want to retrieve the active route without having to subscribe to router events, there is a simple method using a while loop to recursively locate the lowest child route.

private findActiveRoute(): ActivatedRoute {
    let currentRoute = this.router.routerState.root;
    while (currentRoute.firstChild) {
        currentRoute = currentRoute.firstChild;
    }
    return currentRoute;
}

I hope this solution proves useful to you.

Answer 3

Answer №2

There may be a more optimal solution available, but one approach is to store your data within the window object and access it from another module:

const appData = {title: 'My App'}
window['appData'] = {...appData};

Answer 4

There may be a more optimal solution available, but one approach is to store your data within the window object and access it from another module:

const appData = {title: 'My App'}
window['appData'] = {...appData};

Tips for retrieving Angular routing data from external sources outside of an Angular application

Answer №1

Answer №2

Similar questions

ionChange - only detect changes made in the view and update the model in Ionic 2

In the context of React Typescript, the term 'Component' is being mistakenly used as a type when it actually refers to a value. Perhaps you intended to use 'typeof Component' instead?

Enhance your PowerBI dashboards with the ChatGPT Custom Visual!

Utilize ngx-translate with an array as interpolation values

The Type {children: Element; } is distinct and does not share any properties with type IntrinsicAttributes

I am having trouble with my quiz function as it only checks the answer correctly for the first question. Does anyone have suggestions on how to make it work for

Tips for boosting ViteJs development mode performance

Encountering a problem while implementing ngFor in Angular 4

"Using TypeScript: How to effectively wait for the completion of the array.sort

Is there a way for me to retrieve a variable from the response of a service that was defined within the same class in Angular 4?

Implementing a global provider in Ionic 3

Implementing Immer in Typescript

Exclude<Typography, 'color'> is not functioning correctly

TypeScript error: Attempting to utilize an argument of type 'any[]' that cannot be assigned to a parameter of type 'SetStateAction<never[]>'

formBuilder does not exist as a function

tips for preventing issues when the data array is empty

Having trouble setting up my Angular Universal server, need assistance please

What is the correct method for linking resources within the updated Angular 18 workspace using the new "public" directory layout?

Having trouble establishing a connection with Db2 while using protractor

The TypeScript error "Uncaught ReferenceError: require is not defined" occurs when the