如何在ng轮播中添加一组新图像并同时转到下一张幻灯片？

Question

我正在Angular 7项目中工作，一切运行正常，除了以下情况：我在ngb轮播中有一组图像。单击按钮后，将触发一个功能，并在同一个轮播中加载一组新的图像（数组）。因此，我想可视化新图像集中的第一幅图像。

例如，如果我有5张图片（0,1,2,3,4），然后单击按钮再添加5张图片（5,6,7,8,9），我希望它向我显示该图片新集合（0、1、2、3、4、5、6、7、8、9）中的数字5，即第二组的第一幅图像。全部具有相同的功能。

我用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();
}