Köşeli Ekmek Kırıkları

Question

Angular's breadcrumb capability numaralı telefonu kullanmak istiyorum. Bu javascript dosyasını hizmetlerim klasörüne ekledim.

Javascript'i çağırmak için header.html dosyasına bir div ekledim.

<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 yaratılıyor ve bunu incelemek zaman
<!-- ngRepeat: breadcrumb in breadcrumbs.getAll() -->

Ama hiçbir kırıntıları bakın: Açısal göre, div gibi görünmelidir. Herhangi bir fikir?

Answer 1

Sadece başlık şablonunuza HTML eklemek için yeterli değil.

1. (genellikle index.html) ana HTML şablonunda breadcrumbs.js ekleyin::

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

2. ana uygulama için bir modül bağımlılık olarak services.breadcrumbs Dahil emin aşağıdakileri de tamamladıktan olun: Nihayet

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

3. , bir, gerçekte denetleyicisi içine breadcrumbs hizmeti enjekte emin olun d sonra $ kapsamı ekleyin:

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

Sen açısal-app projesi in the app.js file (hatlar 6, 60 bakın ve 62) içinde Adım 2 ve 3'de uygulanmasını görebilirsiniz.