Named routers

<router-outlet name="outlet1"></router-outlet>

/about About Component

/location <router-outlet name="map"></router-outlet>

/feedback <router-outlet name="feeds"></router-outlet>

/about/(map: location//feeds: feedback)

<div>
    About page content
</div>

<div class="row">
    <div class="col">
        <router-outlet name="map"></router-outlet>
    </div>
    <div class="col">
        <router-outlet name="feeds"></router-outlet>
    </div>
</div>

const routes: Routes = [
    ...
    {path: 'about', component: AboutComponent, 
    children: [
        {path: 'location', outlet: 'map', component: LocationComponent},
        {path: 'feddback', outlet: 'feeds', component: FeedbackConponent}
    ]},
    ...
]

<a [routerLink]="['/about', {
    outlet: {
        'map': ['location'],
        'feeds': ['feedback']
    }
    }]">About Page</a>