необходимо отрегулировать прокрутку влево, чтобы вкладки занимали угловое приложение

Question

В моем приложении angularjs у меня есть примерно 23 вкладки. Так 90% ширины, которую я дал для вкладок с overflow : hidden, и 10% ширина Prev и Next иконки. Каждая вкладка имеет ширину 36px. Таким образом, по умолчанию на вкладках страницы 5 становятся видимыми. Теперь, когда я нажимаю Next, я просто хочу прокрутить 5 вкладок влево, как это продолжается до тех пор, пока не появится последняя вкладка. Таким образом, в моем Next значке события клика я пытаюсь сделать что-то вроде следующего, в моем контроллере, чтобы получить максимальную прокрутку влево, а затем использовать его, но в моем коде maxScrollLeft возвращает NaN.

_self.getNextTabs = function() {    
      var maxScrollLeft = $element.scrollWidth - $element.clientWidth; 
      alert(maxScrollLeft); 
      angular.element(document.querySelector('.main_tabSet .nav-tabs')).scrollLeft(600);  
     } 

Здесь я жёстко .scrollLeft(600); для целей тестирования, поэтому, когда я нажимаю Next, вкладки прокручивают влево. Но я хочу, чтобы эта прокрутка работала правильно, основываясь на максимальной прокрутке влево и количестве занятых табов. может кто-нибудь помочь мне в ее исправлении.

Answer 1

Не уверен, что _self.getNextTabs находится в директиве, контроллере или в другом месте, но имя $ element указывает (мне), что оно может быть внутри директивы?

Если это так, то я думаю, что $ element может быть объектом jquery. И - если это так, то вам нужно будет использовать синтаксис $element[0].scrollWidth и другие ...

_self.getNextTabs = function() {    
    var maxScrollLeft = $element[0].scrollWidth - $element[0].clientWidth; 
    angular.element(document.querySelector('.main_tabSet .nav-tabs')).scrollLeft(600);  
}