AngularJS mie de pain en utilisant des icônes

Question

<li><a href="dashboard.html"><i class="iconfa-home"></i></a> <span class="separator"></span></li> 
      <li><div ncy-breadcrumb style="padding-top: 1px;"></div></li> 

Controller: 
data:{ 
      ncyBreadcrumbLabel:'<span class="iconfa-home"></span>' 
     } 

Je veux que les miettes de pain comme quand je suis à la page du tableau de bord Je veux bouton d'accueil et quand je suis sur une autre page Je veux breacrumb comme homebutton> « nompage ». est-ce possible?

Answer 1

Il est possible, facile est

<ol class="breadcrumb"> 
    <li><a href="#/"><i class="fa fa-dashboard"></i>{{Home}}</a></li> 
    <li ng-repeat="breadcrumb in breadcrumbs track by $index" ng-if="breadcrumb != ''" ng-class="{ active : $last }" > 
     <a ng-href="{{($last) ? 'javascript:void(0)' : '#/'+breadcrumb}}">{{breadcrumb}}</a> 
    </li> 
</ol> 

vous pouvez générer dans les cas routeChangeSuccess le fil d'ariane $

$rootScope.$on('$routeChangeSuccess', function() { 
    $rootScope.breadcrumbs = $location.path().split("/"); 
});