ancre href liaison angulaire routes

- Je utiliser angulaire de routage entre plusieurs points de vue et essayer de remplir une commune du fil d'ariane de la liste à chaque changement d'itinéraire. Cela fonctionne bien sauf que les liens hypertexte dans la barre de navigation ne fonctionnent pas.

Essentiellement, j'ai un site avec les vues suivantes:

views/main.html

views/page_a.html

views/page_b.html

et de la structure:

principal > a > page b

$rootScope.$on('$routeChangeSuccess', function(scope, next, current) {  

    var thisView = next.loadedTemplateUrl;
    if (!thisView) return;
    var breadcrumb = jQuery('#breadCrumb'); //<ol> container
    breadcrumb.empty();

    if (thisView.indexOf('page_a') >= 0) {
      breadcrumb.append('<li><a href="#/main">main</a></li>');    
      breadcrumb.append('<li class="active">page a</li>'); 
    }
    else if (thisView.indexOf('page_b') > 0) {
      breadcrumb.append('<li><a href="#/main">main</a></li>');    
      breadcrumb.append('<li><a href="#/page_a">page a</a></li>');
      breadcrumb.append('<li class="active">page b</li>'); 
    }
  });

malheureusement, ces liens hypertextes ne va pas à la bonne place. Je pense avoir essayé toutes les combinaisons, par exemple #/page_a, #/page_a.html, /views/page_a.html, ... mais pas de chance. Sentir cela ne devrait pas être dur, mais il se fait tard donc je l'espère un peu d'aide.
Merci!

MODIFIER

Mes parcours sont mis en place comme:

app.config(function ($routeProvider) {
  $routeProvider
  .when('/', {
    templateUrl: 'views/main.html',
    controller: 'MainCtrl'
  })
  .when('/page_a', {
    templateUrl: 'views/page_a.html'
  })
  .when('/page_b', {
    templateUrl: 'views/page_b.html'
  })
  .otherwise({
    redirectTo: '/'
  });
});

OriginalL'auteur jola | 2015-12-11