I am stuck with some simple route management in Angular :
I have this first module :

> 
> 
> ```
> import { NgModule } from '@angular/core';
> import { Routes } from '@angular/router';
> import { RouterModule } from '@angular/router';
> import { LayoutComponent } from './ui/components/layout/layout.component';
> 
> 
> const routes: Routes = [{ path: '**',
>      component: LayoutComponent,
>      children: [    { path: '', redirectTo: '/posts', pathMatch: 'full'},
>     { path: 'posts',loadChildren: './posts/posts.module#PostsModule' }] }];
> 
> @NgModule({
>   imports: [RouterModule.forRoot(routes)
>      ],
>   exports: [RouterModule]
> })
> export class AppRoutingModule { }
> 
> ```
> 
> 

And the "PostModule" which should show simple "it works" component :

> 
> 
> ```
> import { NgModule } from '@angular/core';\n
> import { Routes } from '@angular/router';\n
> import { RouterModule } from '@angular/router';
> import { PostsComponent } from './containers/posts/posts.component';
> import { ProfileComponent } from './containers/profile/profile.component';
> 
> const routes: Routes = [{ path: '', component: PostsComponent },{ path: ':profileId', component: ProfileComponent },];
> 
> @NgModule({
>   imports: [RouterModule.forChild(routes)],
>   exports: [RouterModule]
> })
> export class PostsRoutingModule { }
> 
> ```
> 
> 

But none of the route 

> 
> <http://localhost:4200/posts/>
> 
> 
> <http://localhost:4200/posts/1>
> 
> 
> 

show the expected content 

I suppose I have miss something simple my app.component look like this:

> 
> 
> ```
>    <router-outlet>
>       <router-outlet></router-outlet>
>    </router-outlet>
> 
> ```
> 
> 

I have read some poste on "lazy loading", but what I wrote seem coherent from what I learned until now, where is the mistake ?