Angular2 router, obtener datos de ruta de url, para mostrar migas de pan

Actualizado para RC5

En lugar de comenzar con la URL actual e intentar obtener las rutas desde la URL, puede obtener todas las rutas activadas (asociadas con la salida principal) desde RouterState:

Después del final de cada ciclo de navegación exitoso, el enrutador construye un árbol de ActivatedRoutes, que conforman el estado actual del enrutador. Podemos acceder al RouterState actual desde cualquier lugar de nuestra aplicación utilizando el servicio Router y el routerState propiedad.

El estado del enrutador nos proporciona métodos para recorrer arriba y abajo del árbol de rutas desde cualquier ruta activada para obtener información que podamos necesitar de las rutas padre, hijo y hermano. -- referencia

Suscríbase a los eventos del enrutador, luego, después de cada evento NavigationEnd, camine por el árbol de ActivatedRoute s desde root:

import { Component } from '@angular/core';
import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
import 'rxjs/add/operator/filter';

@Component({
  selector: 'breadcrumbs',
  template: `
  <div>
    breadcrumbs: 
    <span *ngFor="let breadcrumb of breadcrumbs; let last = last">
      <a [routerLink]="breadcrumb.url">{{breadcrumb.label}}</a>
      <span *ngIf="!last">></span>
    </span>
  </div>`
})
export class BreadcrumbsComponent {
  breadcrumbs: Array<Object>;
  constructor(private router:Router, private route:ActivatedRoute) {}
  ngOnInit() {
    this.router.events
      .filter(event => event instanceof NavigationEnd)
      .subscribe(event => {  // note, we don't use event
        this.breadcrumbs = [];
        let currentRoute = this.route.root,
            url = '';
        do {
          let childrenRoutes = currentRoute.children;
          currentRoute = null;
          childrenRoutes.forEach(route => {
            if(route.outlet === 'primary') {
              let routeSnapshot = route.snapshot;
              console.log('snapshot:', routeSnapshot)
              url += '/' + routeSnapshot.url.map(segment => segment.path).join('/');
              this.breadcrumbs.push({ 
                label: route.snapshot.data.breadcrumb,
                url:   url });
              currentRoute = route;
            }
          })
        } while(currentRoute);
      })
  }
}

Las rutas se ven así:

{ path: '', component: HomeComponent, data: {breadcrumb: 'home'}}

Émbolo - RC.5, router 3.0.0-rc.1

Véase también https://stackoverflow.com/a/38310404/215945 para una solución similar.