Karussell bricht nach änderungen. Wie, um neu zu laden/aktualisieren?

Sobald die angezeigten Bilder ändern, meine Eule-Karussell bricht - in anderen Worten, alle Folien sind aufgeführt unter sich.

Mein Ansatz war, um neu zu laden/aktualisieren Sie das Karussell, wenn eine änderung Eintritt. Aber wie kann ich aktualisieren, owl-Karussell mit Eckigen?

In meinem Fall ist currentCollection, das ist eine Zahl, die sich verändert wodurch es zu brechen:

<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>
0
2019-09-19 16:13:57
Quelle
0 Antworten

Sehen Sie sich andere Fragen zu Tags an