comment mettre en œuvre le fil d'ariane en utilisant le routeur angular2

Question

Je utilise angular2 récemment, mais ne savez pas comment implémenter breadcrumb composant, tout le monde peut aider?

<div class="row" style="padding-top:15px;"> 
    <ol class="breadcrumb"> 
     <li><a [how to?]>home</a></li> 
     <li class="active">detail</li> 
    </ol> 
</div> 

Answer 1

Cela ne semble pas être trop facile actuellement.
Il est une question ouverte pour soutenir ce cas d'utilisation bien https://github.com/angular/angular/issues/5318

Answer 2

me veulent aussi utiliser Breadcrumb pour mon projet et après avoir cherché beaucoup rien trouvé Breadcrumb, ont donc décidé de créer mon propre. donc en utilisant le style bootflat (http://bootflat.github.io/documentation.html) j'ai créé mon propre Breadcrumb pour le projet angular2. Cette Breadcrumb prend également en charge le routage dans angular2. il suffit d'utiliser ces composants prédéfinis donnés ici dans le repo.

https://github.com/MrPardeep/Angular2-DatePicker

est le code ici pour l'utilisation dans le fichier fil d'ariane HTML:

<breadcrumb> 
    <tab name="Home" icon="glyphicon glyphicon-home"></tab> 
    <a [routerLink]="['/Components']"> 
     <tab name="Cutom Angular 2 Components" icon="glyphicon glyphicon-home"></tab> 
    </a> 
    <tab action="active" name="Datepicker" icon="glyphicon glyphicon-list-alt"></tab> 
</breadcrumb> 

espère que cela peut vous aider et utile pour les autres aussi.

Voici une démo pour le fil d'Ariane.