De la chapelure dans Angulaire

Je veux utiliser Angulaire du fil d'ariane de la capacité de. J'ai ajouté ce fichier javascript à mon dossier des services.

J'ai ajouté un div de mon header.html fichier pour appeler le javascript. Selon Angulaire, la div doit ressembler à ceci:

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

La div est en cours de création, et quand je l'inspecter, je vois
<!-- ngRepeat: breadcrumb in breadcrumbs.getAll() -->

Mais pas de chapelure. Des idées?

OriginalL'auteur Edison | 2013-06-08

  1. 17

    Il ne suffit pas d'ajouter le code HTML de votre modèle d'en-tête de fichier. Assurez-vous que vous avez terminé les éléments suivants:

    1. Inclure breadcrumbs.js dans votre modèle HTML (généralement index.html):

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

    2. Inclure services.breadcrumbs comme un module de dépendance pour votre application principale:

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

    3. Enfin, assurez-vous que vous avez réellement injecter le breadcrumbs service dans votre contrôleur, et puis l'attacher à $portée:

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

    //... other controller logic ...
});

    Vous pouvez voir la mise en œuvre des Étapes 2 et 3 dans l'angle de l'application du projet dans le app.js fichier (voir les lignes 6, 60 et 62).

    Merci c'est juste ce que je cherchais

    OriginalL'auteur sergiopantoja