<!-- wrapper-layout.component.html -->

 <div class="container">
    <div class="row">
        <div>
            <left-side></left-side>
        </div>
        <div>
            <router-outlet 
                name="showright"
            ></router-outlet>
        </div>
    </div>
</div>

/** routing.module.ts */

{
    path: 'connect',
    component: WrapperLayoutComponent,
    children: [
       { 
           path: '', 
           component: RightSideComponent,
           outlet: 'showright'
       },
    ]
 },

// component navigation action

this.router.navigate([
    '/connect', 
    { outlets: { showright: ['user-info'] } }
]);