Как добавить новый набор изображений в карусель ng и перейти к следующему слайду одновременно?

Question

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

Например, если у меня есть 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>

в машинописном тексте:

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