Слайдер изображений с использованием ngu-carousel Angular 7

Question

Я создал слайдер изображений с помощью ngu-carousel в Angular 7. Изображения вращаются случайным образом, иногда появляются одинаковые изображения (скриншот прилагается).Но мне нужно повернуть изображения в соответствии с порядком.

Мой код выглядит следующим образом.

ngOnInit() {
    this.tempData = [];
    this.carouselTileItems$ = interval(500).pipe(
      startWith(-1),
      take(30),
      map(val => {
        const data = (this.tempData = [
          ...this.tempData,
          this.imgags[Math.floor(Math.random() * this.imgags.length)]
        ]);
        return data;
      })
    );
  }

Как изменить этот код согласно моему требованию.