How to display two MFEs on a single page

[sahithiKondapalli]

I am using angular-architects/module-federation 15.0.3 version. I want to load two mfe components from two different mfes on a single page.

[thiagopg84]

I was wondering the same thing.

[geraldcsoftware]

You can use named router outlets to render the components, and follow the guide to lazy loading a component from a remote module for both router-outlets.

export const appRoutes: Route[] = [ { path: '', outlet: 'head', loadComponent: () => loadRemoteModule(...).then((m) => m.AppComponent), }, { path: '', outlet: 'content', loadComponent: () => loadRemoteModule(...).then((m) => m.AppComponent), } ];

Here is a simplified version of achieving this.