Как сделать так, чтобы Angular 7 прокручивал до компонента, повторяемого с помощью ngFor

Question

У меня есть шаблон цикла, мне нужно перейти к определенному элементу, когда этот элемент становится активным. Как мне это сделать.

Мой цикл шаблона:

<div class="tabs-list-item-container"> <!-- this is a horizontal scrollable wrapper -->
   <app-tab-list-item *ngFor="let tab of tabs" [tabSession]="tab" [class.active]="tab.isActive"></app-tab-list-item>
</div>

Объект табуляции имеетisActive свойство, которое мне нужно использовать и прокрутить до этого компонента можно ли достичь?

Answer 1

Всякий раз, когда пользователь выбирает элемент, должен быть вызван следующий метод.scrollIntoView() прокрутит до элемента, который имеет .active класс

scrollToActive() {
   document.querySelector('.active').scrollIntoView();
}