Angular 6 Bootstrap Carousel Маршрутизация назад Проблема

Question

У меня проблема с Angular 6 с помощью Bootstrap 4 Carousel.Работает при запуске просто отлично.Моя проблема связана с маршрутизацией.

На странице A у меня есть карусель.

<div id="homebanner-carousel" class="carousel slide " data-pause="false"
       data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#homebanner-carousel"
          *ngFor="let item of homeBannerInformation; let i = index"
          [attr.data-slide-to]="i" [class.active]="i == 0"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item" *ngFor="let item of homeBannerInformation; let i = index"
           [class.active]="i == 0">
        <img class="d-block mx-auto" src="{{item.imageUrl}}">
      </div>
    </div>
  </div>
</div>

Затем я направляюсь на страницу B. Теперь, когда я возвращаюсь на страницу A (либоугловая маршрутизация или с кнопкой возврата в браузере) карусель показывает просто отлично, но больше не воспроизводится автоматически.

За исключением метода OnInit, мой TS-файл пуст.

Есть идеи, где я могу посмотреть?Заранее спасибо

Answer 1

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

Поэтому в TS-файле

//imports jquery    
declare var $: any;

.....
ngOnInit() {
   .....
   $(document).ready(function() {
      $('.carousel').carousel();
   })
}