Mollica di pane angolare

Question

Desidero utilizzare Angular's breadcrumb capability. Ho aggiunto questo file javascript alla mia cartella dei servizi.

Ho aggiunto un div al mio file header.html per chiamare il javascript. Secondo angolare, il div dovrebbe essere simile a questo: viene creata

<div> 
    <ul class="breadcrumb"> 
    <li ng-repeat="breadcrumb in breadcrumbs.getAll()"> 
     <span class="divider">/</span> 
     <ng-switch on="$last"> 
     <span ng-switch-when="true">{{breadcrumb.name}}</span> 
     <span ng-switch-default><a href="{{breadcrumb.path}}">{{breadcrumb.name}}</a></span> 
     </ng-switch> 
    </li> 
    </ul> 
</div> 

Il div, e quando ho ispezionarlo vedo
<!-- ngRepeat: breadcrumb in breadcrumbs.getAll() -->

Ma non pangrattato. Qualche idea?

Answer 1

Non è sufficiente aggiungere semplicemente l'HTML al file del modello di intestazione. Assicurati di aver anche completato i seguenti:

1. Includere breadcrumbs.js nel template HTML principale (di solito index.html):

   <script type="text/javascript" src="your-project-folder/services/breadcrumbs.js"></script> 
   

2. Includere services.breadcrumbs come dipendenza del modulo per la vostra applicazione principale:

   angular.module('myMainApp', ['services.breadcrumbs']); 
   

3. Infine, assicurarsi che effettivamente iniettare il servizio breadcrumbs nel controller, un d poi collegarlo a $ portata:

   angular.module('myMainApp').controller('FooBarCtrl', function($scope, breadcrumbs) { 
       $scope.breadcrumbs = breadcrumbs; 
   
       // ... other controller logic ... 
   }); 
   

è possibile vedere l'attuazione di fasi 2 e 3 nel progetto angolare-app in the app.js file (fare riferimento a linee 6, 60, e 62).