[angular 2+]How to fetch the list of routes dynamically before angular application bootstrap

Question

I need to fetch the route data before application bootstraps in angular.

Something like we do in AngularJS[https://stackoverflow.com/a/16539428/6687096]

In the above link we can make normal ajax call to fetch the data from server then application will bootstrap manually.

How can we implement same mechanism in angular?

OR Is there any pre-built event to fetch the data from the server before application bootstrap. ?

OR We have to make http call from main.ts file ? If we do so how can we share the response with other components ?

Eg:

 if (environment.production) {
  enableProdMode();
}
someHttpCall().then(function(response){
platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.log(err));
})

If we do something like above how to create HttpClient instance as there is NO class ?

Hiren Shah · Accepted Answer · 2018-05-10 04:30:26Z

1

I think APP_INITIALIZER can help you here.

Check this answer, it specifies all the necessary steps.

edited May 10, 2018 at 4:30

answered May 10, 2018 at 4:24

Hiren Shah

3261 gold badge2 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

[angular 2+]How to fetch the list of routes dynamically before angular application bootstrap

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related