Scrollspy для материализации не прокручивается вообще с помощью Angularjs

Question

Я пытаюсь использовать scrollspy из Materialize (http://materializecss.com/scrollspy.html) для таргетинга каждого div, созданного с помощью ng-repeat.

Однако мне кажется, что класс scrollspy ничего не делает. Вместо прокрутки к этой части страницы DOM просто перезагружается и указывает на часть страницы.

Другая проблема заключается в том, что использование href="/#community#sharingLove" меняет URL-адрес веб-сайта. В любом случае, чтобы scrollspy работала без добавления URL-адреса?

<div class="full-height row" ng-controller="CommunityController"> 
    <div class="col l10 main-content"> 
     <div ng-repeat="principle in acmPrinciples" id ="{{principle.id}}" class="row full-width centering-text section scrollspy"> 
      <div class ="col-md-12"> 
       <h4>{{principle.title}}<h4> 
      </div> 
      <div class ="col-md-12 comm-description-container"> 
       <p class="paragraph-style larger-font-size"> 
        {{principle.description}} 
       </p> 
      </div> 
      <div class ="col-md-12"> 
       <video class="responsive-video comm-video-height" controls> 
        <source ng-src="{{principle.videoURL}}" type="video/mp4"> 
       </video> 
      </div> 
     </div> 
    </div> 

    <div class="col l2 scroll-content"> 
     <div class="row"> 
      <div class="col hide-on-small-only m3 l2 scroll-items"> 
       <ul class="section table-of-contents"> 
        <li><a href="#/community#experiencingGod">Experiencing God</a></li> 
        <li><a href="#/community#sharingLove">Sharing Love</a></li> 
        <li><a href="#/community#conntectingLives">Connecting Lives</a></li> 
        <li><a href="#/community#declaringTruth">Declaring Truth</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div> 

У меня есть связанные jQuery, bootstrap и материализация. Последняя вещь: другие функции материализуют работу для меня, просто не scrollspy. Я также делаю

$(document).ready(function(){ 
    $('.scrollspy').scrollSpy(); 
}); 

Answer 1

Я думаю, что если вы удалите #/сообщество из hrefs, он должен работать. Href должен содержать идентификатор блока, а не дополнительную информацию о URL-адресе. Например, попробуйте использовать

<a href="#experiencingGod">Experiencing God</a>