Bootstrap scrollspy with angular-ui

Question

Я ударился головой, пытаясь сделать работу scrollspy. В настоящее время я делаю проект под yeomans angular generator с angular-ui router. Кажется, мне не повезло с использованием каких-либо данных-шпионов.

Может ли кто-нибудь взглянуть, что может быть причиной?

Фрагменты кода:

index.html

<nav class="navbar navbar-fixed-top navbar-default"> 
    <div class="container"> 
     .. omitted 
     <div id="char-nav" class="collapse"> 
      <ul class="nav nav-tabs"> 
       <li class=""><a href="#char-identity">Identity</a></li> 
       <li class=""><a href="#char-attributes">Attributes</a></li> 
       <li class=""><a href="#char-skills">Skills</a></li> 
       <li class=""><a href="#char-spells">Spells</a></li> 
       <li class=""><a href="#char-passives">Passives</a></li> 
       <li class=""><a href="#char-equipment">Equipment</a></li> 
       <li class=""><a href="#char-consumables">Consumables</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 
... 
<div class="container"> 

    <div class="row row-offcanvas row-offcanvas-right"> 

     <div class="col-xs-12 col-sm-9"> 
      <my-notification></my-notification> 
      <div ui-view></div> 
     </div> 
...omitted 

character.html

<div id="character-views" data-offset-top="0" data-spy="scroll" data-target="#char-nav"> 
    <div class="character-view" ng-include="'views/character/identity.html'"></div> 
    <div class="character-view" ng-include="'views/character/attributes.html'"></div> 
    <div class="character-view" ng-include="'views/character/skills.html'"></div> 
    <div class="character-view" ng-include="'views/character/spells.html'"></div> 
    <div class="character-view" ng-include="'views/character/passives.html'"></div> 
    <div class="character-view" ng-include="'views/character/equipment.html'"></div> 
    <div class="character-view" ng-include="'views/character/consumables.html'"></div> 
</div> 

Страница характер застроена несколькими частичными, это страница я хочу шпионить.

Любой из страниц в моем списке нг-включает в себя запуск с заголовком следующим образом:

<header id="char-identity" class="character-view-header">Identity</header> 
<hr> 

Answer 1

Это AngularStrap project может помочь вам.