Блог

Я работаю в проекте Angular 7, и все работает нормально, за исключением этого: у меня есть набор изображений в ngb-carousel. После нажатия кнопки запускается функция, которая загружает новый набор (массив) изображений в ту же карусель. Итак, я хотел бы визуализировать первое изображение нового набора изображений.

Например, если у меня есть 5 изображений (0,1,2,3,4), и я нажимаю кнопку, чтобы добавить еще 5 (5,6,7,8,9), я хочу, чтобы она показала мне изображение под номером 5 в новом наборе (0,1,2,3,4,5,6,7,8,9), то есть первое изображение из второго набора. Все в той же функции.

Я загружаю слайды с помощью ngfor, поэтому есть переменная, которая их содержит. Итак, я обновляю эту переменную новым набором изображений. Похоже, что функция next () выполняется до обновления карусели.

В HTML:

  <ngb-carousel #myCarousel = "ngbCarousel" >
        <ng-template ngbSlide *ngFor="let img of carrete; let i=index" id= "{{i}}">
            <img src="{{img}}" id = {{i}}_img >
            <div class="carousel-caption">
                <p>Imagen {{i}}</p>
            </div>
        </ng-template>
    </ngb-carousel>
  

в Typescript:

 cargarCarrete(nuevo: Array<string>){
    this.carrete=this.carrete.concat(nuevo);
    this.myCarousel.next();
}