Native federation - Display mutiple micro frontend into host_app

In an Angular micro-frontend project, I would like to display several micro-frontend ; something like this :

app.component.html
<router-outlet 1 ></router-outlet>
<router-outlet 2 ></router-outlet>


Actualy I have this In host_app project (of type dynamic-host [1])

app.component.html
<router-outlet></router-outlet>


So I can display one micro-frontend where this router-outlet tag is placed and its working perfectly.

QUESTION : How to display serveral micro-frontends into host_app app.component.html

You can have a look at the whole project into those git repos (The readme file into MFE_host_app is containing cli, node, npm versions)
https://github.com/Polypheme2/MFE_host_app
https://github.com/Polypheme2/MFE_mfe_1
https://github.com/Polypheme2/MFE_mfe_2

[1] : after ng new host_app I made this command :
ng generate @angular-architects/native-federation:init --project host_app --port 4200 --type dynamic-host

Continue reading...