Как реализовать навигационную цепочку в Angular 4

Я хочу реализовать навигацию Breadcrumb со следующим меню

Главная > Решения > Результаты > Контакты

В настоящее время я использую следующий код маршрутизации

  import { NgModule } from '@angular/core';
    import { RouterModule, Routes } from '@angular/router';

    import { SolutionComponent } from "./solutions.component";
    import { ResultComponent } from "./result/result.component";
    import { ContactComponent } from './contact/contact.component';


    const routes: Routes = [
        {
            path: 'home/solutions',
            component: SolutionsComponent
        },
        {
            path: 'home/solutions/result',
            component:ResultComponent
        },
        {
            path: 'home/solutions/result/contact',
            component: ContactComponent
        }
];
    @NgModule({
      imports: [RouterModule.forRoot(routes)],
      exports: [RouterModule]
    })
    export class AppRoutingModule { }

Может ли кто-нибудь предложить образец плунжера для реализации навигации по хлебным крошкам в ANgular 4?

Я создал частично работающий плункер https://plnkr.co/edit/iGLJ06zRVYWDYedAtsDW?p=preview

Спасибо