PDA

View Full Version : breadcrumb angular js


microinfo
20-09-2016, 19:03
Sto cercando di creare dei breadcrumb nella index della mia pagina html e angular.
Ho utilizzato:
https://github.com/ncuillery/angular-breadcrumb/wiki/Getting-started

nei miei $stateProvider ho aggiunto
ncyBreadcrumb: {
label: 'nomepagina'

e nella index ho aggiunto<div ncy-breadcrumb></div>

il sistema parte, ma visualizza solo il nome (label) della pagina corrente. Come faccio a visualizzare il path completo?
ad esempio io ho index.html da li tramite il menù accedo a 4 servizi simili tra loro. Ad esempio servizio1, da qui si apre una pagina dove ho la possibilità di aprire due pagina subservizio1 e subservizio1.

Quindi dovrebbe uscire una cosa del genere:
index/servizio1/subservizio1
oppure
index/servizio1/subservizio2


forse nello state devo fare (ad esempio nello state provider di servizio1, index.servizio1? o devo crearmi una funzione a parte?

grazie

71106
20-09-2016, 22:36
Non usavi Bootstrap?

Bootstrap fornisce anche breadcrumbs, vedi qui: http://getbootstrap.com/components/#breadcrumbs

microinfo
21-09-2016, 16:34
uso bootstrap e angularjs
i cambi pagina sono gestiti tutti con angularjs nello specifico con ui route
e $stateprovider.
Quindi devo usare un servizio del genere

71106
21-09-2016, 22:51
Mi sa che st'applicazione inizia ad avere un po' troppe dipendenze. Io avrei usato il router di Angular, poi per cambiare le breadcrumbs bastava mettere quelle giuste nelle rispettive view.