title: How to implement breadcrumb navigation in Angular 4
body: <p>I want to implement Breadcrumb navigation with the following menu </p>
  
  <p><strong>Home > Solutions > Results > Contact</strong> </p>
  
  <p>Currently, I'm using the following routing code </p>
  
  <pre><code>  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 { }
  </code></pre>
  
  <p>Can anyone suggest sample plunker to implement breadcrumb navigation in ANgular 4</p>
  
  <p>I have created a partial working plunker  <a href="https://plnkr.co/edit/iGLJ06zRVYWDYedAtsDW?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/iGLJ06zRVYWDYedAtsDW?p=preview</a></p>
  
  <p>Thanks </p>