Настройка роутинга для табов ngbNav bootstrap Angular

Используется ngbNav для реализации табов на проекте ссылка на доку

Появилось необходимость в добавлении роутов для табов, использовал пример из доки, но настроить работу роутов не получаеться. В чем может быть причина?

routes: Routes = [
  {path: '', component: PostsComponent},
  {path: 'posts', component: PostsComponent},
  {path: 'posts/:id', component: PostComponent},
  {path: 'posts/:id#one', component: Tab1Component},
  {path: 'posts/:id#two', component: Tab2Component},
]

Для роута posts/:id#one и posts/:id#two не происходит ни какой реакции Вариант не использовать роутмодуль не подходит, нужна возможность добавлять resolvers и guards для роута

ссылка на пример реализации https://stackblitz.com/github/dedn/ngbNavAngular