Pan rallado en Angular

Quiero usarCapacidad de migas de pan de Angular. Agregué este archivo javascript a mi carpeta de servicios.

Agregué un archivo div a mi archivo header.html para llamar a javascript. Según Angular, el div debería verse así:

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

Se está creando el div, y cuando lo inspecciono veo
<!-- ngRepeat: breadcrumb in breadcrumbs.getAll() -->

Pero no hay migas de pan. ¿Algunas ideas?

Respuestas a la pregunta(1)

Su respuesta a la pregunta