Ok, déjame cambiar mi pregunta, ¿cómo obtener el elemento seleccionado como primer elemento en el carrusel? Este es mi código. donde las imágenes de salida son el bucle para que las imágenes se muestren en carrusel. donde carouselimage es la variable booleana para mostrar el carrusel.
if (this.window.IndustryXCarousel && this.outputimages && this.outputimages?.length >= 0 && this.isCarouselImage) { const outputModalCarousel = document.getElementsByClassName("output-modal-carousel"); Array.prototype.map.call(outputModalCarousel, (outputCaro: any) => { const parent = outputCaro.closest(".-modal"); let parentStyle = window.getComputedStyle(parent, null).display; if (parentStyle == "block") { let IndustryXCarousel = window.IndustryXCarousel; let outputObj = null; console.log(outputObj) outputObj = new IndustryXCarousel(outputCaro, { items: 3, firstItemFixed: false, arrows: true, dots: false, leftArrow: `<i class="icon-chevron-left"></i>`, rightArrow: `<i class="icon-chevron-right"></i>`, margin: 40, responsive: [ { maxWidth: 1500, items: 1, }, { maxWidth: 1250, items: 1, }, { maxWidth: 600, items: 1, }, ], }); } }); this.isCarouselImage = false; }puedes hacer let i = index en los parámetros de la directiva y así conocerás el índice
<div *ngFor="let item of items; let i = index"> <button (click)="slideTo((i + 1)%items.length)">next</button> ....