angulaire Js - Breadcrumbs dans ui-routeur

Question

I à l'aide de angularjs et $ stateProvider dans mon projet, je voudrais en utilisant breacrumbs dans mon projet.

Avis: Url dans .state dévalorise a.
Je veux: faire breacrumbs sans utiliser de Url.

myApp.config(function ($urlRouterProvider, $stateProvider) { 

    $urlRouterProvider.otherwise('/otherwise'); 

    $stateProvider 
    .state('page1', { 
     contoller: 'appController', 
     url: '', 
     templateUrl: 'Page1.html', 
    }) 
    .state('page2', { 
     contoller: 'appController', 
     url: '', 
     templateUrl: 'Page2.html' 
    }) 

    .state('page3', { 
     contoller: 'appController', 
     url: '', 
     templateUrl: 'Page3.html' 
    }) 

    .state("otherwise", { 
     contoller: 'appController', 
     url: "*path", 
     templateUrl: "page1.html", 
    }); 
}); 

J'avais ceci:

Answer 1

Vous pouvez facilement accéder à l'objet de l'Etat en l'injectant dans le contrôleur. Pour obtenir l'utilisation de l'état actuel:

$state.current 

Après quoi tout ce que vous devez faire est de lier cela à vos variables panés dans le modèle.