Angular 9 Platform Bootstrap Multiple Modules - Run Multiple Applications On The Page

I'm working on a project which requires to run two applications on the page. Something like:

Solution 1:

I think I found it in the document.

The platformBrowserDynamic() method creates an injector configured by a PlatformModule, which contains platform-specific dependencies. This allows multiple apps to share a platform configuration. For example, a browser has only one URL bar, no matter how many apps you have running. You can configure additional platform-specific providers at the platform level by supplying extraProviders using the platformBrowser() function.

https://angular.io/guide/hierarchical-dependency-injection#platform-injector

That means Angular is supporting run multiple apps on the same platform (page) and we even can share a platform service which is configured as provideIn: 'platform'.

Share