AOT with multiple root module

[hikalkan]

OS?

Windows 10

Versions.

Node v6.9.1
Npm v3.10.8.
ng-cli beta.30

Repro steps.

In brief, I want to bootstap one of my root modules based on an async call to the server. So, my code is like that:

AppPreBootstrap.run(() => { 
    if (abp.session.userId) {
        AppPreBootstrap.bootstrap(AppModule);
    } else {
        AppPreBootstrap.bootstrap(AccountModule);
    }
});

//A workaround to make angular-cli finding the startup module!
var b = false; if (b) { platformBrowserDynamic().bootstrapModule(AppModule); }

Given workaround works fine when AOT is disabled. But, when AOT is enabled, it only compiles AppModule and the logic above can not work.

I know AOT statically analysis main.ts and bundles all module files starting from the root module. But I also believe my case is not so unique. I simple want to bootstrap a different module if user has not logged in.

So, isn't that possible or is there a way of doing it? If not, how do you recommend as a best practice? Should I merge 2 modules and implement the logic with routes and route guards?

Thanks.

[deebloo]

@hikalkan I think best practice in this case would be to manage this with routes and router guards. You can also lazy load those modules from the router so only the code needed to run would be downloaded.

[hikalkan]

I will try the lazy load first to see if it's possible. Thank you @deebloo

[hikalkan]

I suppose there is no way of doing that.

[nekkon]

need to be able to select module. Error is thrown with aot on

[deebloo]

@hikalkan did you get things working with the router?

[hikalkan]

No. What I did is to create a new RootModule which lazy loads other modules via router.
But I did not like that solution much :(

[deebloo]

@hikalkan ok. that does sound closer to best practice for angular though.

[sohaibjaved44]

Hey I have followed this documentation : https://www.aspnetzero.com/Documents/Getting-Started-Angular
things went really good as expected. But after successful login I'm unable to see dashboard, it redirects me back to login. I guess it is something related to routing?

[hikalkan]

I suppose here is not the best place to ask this question :) Can you write to the aspnetzero forum.

[sohaibjaved44]

How long it will take to get a response on forum against this topic? http://forum.aspnetboilerplate.com/viewtopic.php?f=5&t=5201

[filipesilva]

@hansl can you have a look?

[chrisnicola]

Can anyone from the Angular team confirm the principle behind AoT not supporting multiple entry points?

Is it a basic principle of Angular 2+ that there must only ever be one root module and everything has to be part of one monolithic SPA application with centralized routing?

This feels like a distinct lack of flexibility that real world applications often require. In my mind AoT needs to just work, regardless of whether or not I have a single monolithic application, multiple sub application or I just want to drop in some components on a static marketing page that is optimized for SEO.