Bułka tarta w Angular

Question

Chcę użyć Angular's breadcrumb capability. Dodałem ten plik javascript do folderu moich usług.

Dodałem div do mojego pliku header.html, aby zadzwonić do javascript. Według kątowe, div powinien wyglądać następująco:

<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> 

Div powstaje, a kiedy sprawdzać go widzę
<!-- ngRepeat: breadcrumb in breadcrumbs.getAll() -->

ale nie bułkę tartą. Jakieś pomysły?

Answer 1

Nie wystarczy tylko dodać kod HTML do pliku szablonu nagłówka. Upewnij się, że również zakończone następujące:

1. Dołącz breadcrumbs.js w głównym szablonie HTML (zazwyczaj index.html):

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

2. Dołącz services.breadcrumbs jako zależność modułu do głównej aplikacji:

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

3. Wreszcie, upewnij się, że rzeczywiście wprowadzić usługę breadcrumbs w swoim kontrolerze, d następnie dołączyć go do $ zakresie:

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

Można zobaczyć realizację krokach 2 i 3 w ramach projektu kątowe-app in the app.js file (patrz linie 6, 60 i 62).