Выделите следующий элемент ID в массиве

Question

В настоящее время я использую угловую прокрутки для моей навигации, согласно ниже, который работает идеально со ссылками на навигационной панели:

var ScrollApp = angular.module('myApp.ScrollApp', ['duScroll', 'ngAnimate']).value('duScrollOffset', 60); 

ScrollApp.controller('ScrollCtrl', function($scope){ 
     var container = angular.element(document.getElementById('container')); 
     var sectionhome = angular.element(document.getElementById('Home')); 
     $scope.toTheTop = function() { 
      container.scrollTop(60, 5000); 
     }; 
     $scope.toHome = function() { 
      container.scrollTo(sectionhome, 60, 1000); 
     }; 
     $scope.scrollVariable = false; 
     $scope.ids = ['Section1', 'Section2', 'Section3']; 
    } 
); 

Теперь мой вопрос:

Как я могу определить угловое определение текущего раздела в окне просмотра, а затем одну кнопку с ng-click, чтобы перейти к следующему разделу в массиве $scope.ids.

Кроме того, один раз на дне, иметь угловое обнаружение дна и изменить ng-click на обратную сторону.

У меня не может быть зависимости jQuery, и я должен был упомянуть, вероятно, что я просто изучаю AngularJS.

Answer 1

<a ng-click="gotoSection("Section1")">Go to Section</a> 
    <a id="Section1"></a> 

$scope.gotoSection= function(id) { 
      // set the location.hash to the id of 
      // the element you wish to scroll to. 
      $location.hash(id); 

      // call $anchorScroll() 
      $anchorScroll(); 
     };