Карусель ломается после перемен.Как перезагрузить / обновить? - PullRequest
Новая
       19

Карусель ломается после перемен.Как перезагрузить / обновить?

1 голос
/ 19 сентября 2019

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

Мой подход состоял в том, чтобы перезагрузить / обновить карусель, когда происходит изменение. Но как мне обновить сову-карусель с помощью Angular?

В моем случае это currentCollection, то есть число, которое приводит к его поломке: 

<owl-carousel [options]="mySlideOptions" [items]="images" [carouselClasses]="['owl-theme', 'sliding']" *ngIf="collectionColors[currentCollection]">

    <div class="item" *ngFor="let i of buildArray(collectionColors[currentCollection].slidesNumber); let x = index"
    [ngStyle]="{'background-color': collectionColors[currentCollection].bgColors[x]}">
      <div class="container-fluid slider img-container" *ngFor="let slide of collectionColors[currentCollection][x]; let i = index" [class.d-none]="currentColor !== i"
           [ngStyle]="{
           'background-image': 'url(' + slide + ')',
           'background-position': collectionColors[currentCollection].positions[x],
           'background-size': collectionColors[currentCollection].size[x]
           }">
        <div class="container text-container" [ngStyle]="{
        'top': collectionColors[currentCollection].textPositions[x].top + '%',
        'left': collectionColors[currentCollection].textPositions[x].left + '%'
         }">
          <h1 class="text-right" [ngStyle]="{
          'color': collectionColors[currentCollection].textColors[x]
          }">{{collectionColors[currentCollection].text[x]}}</h1>
        </div>
      </div>
    </div>

</owl-carousel>
...