How to make a named routing outlet work with loadChildren?

Question

I\'ve created two plunkers concerning an issue with routing\'s loadChildren and outlet navigation. For some reason, having an empty base path within the loaded child module does

Answer 1

Solution below will work for how many outlets you want. You can have same thing in second.component.ts.

first.module.ts

const routerConfig: Routes = [
    {path: '', component: FirstComponent},

    {
        path: 'posts', component: FirstComponent, children: [{
            path: '',
            loadChildren: './second.module#SecondModule'
        }]
    }
}

first.component.html

// ....

// ....