Ionic 4 angular router - navigate from tab page to details page with id in url

Ionic Framework
1

i have a tab with 3 tabs like : artists, songs, videos
i want in songs page (in tabs) when click on a item (specific song) its navigate to details page with songId in slug - like :
/songs/123

i use below code from tutorials but not working

songs.page.html

<ion-list no-padding lines="none" *ngFor="let song of songs_data.last_songs" [routerLink]="'/song/' + song.id" routerDirection="forward">

tabs.madule.ts

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
      children:[
          {
              path: 'songs',
              loadChildren: '../songs/songs.module#SongsPageModule'
          },
          {
              path: 'home',
              loadChildren: '../home/home.module#HomePageModule'
          },
          {
              path: 'videos',
              loadChildren: '../videos/videos.module#VideosPageModule'
          },
          {
              path: 'artists',
              loadChildren: '../artists/artists.module#ArtistsPageModule'
          },
          {
            path: 'song/:id',
            outlet: 'songs',
            loadChildren: '../details/details.module#detailsPageModule'
        }

      ]
  },
    {
        path: '',
        redirectTo: '/tabs/home',
        pathMatch: 'full'
    }
];