bootstrap Карусель в angular

Question

Я пытаюсь использовать bootstrap карусель в шаблоне angular. У меня есть массив данных, содержащий мои изображения, которые я хочу показать на слайдере, каждый объект в массиве

{"path": "the path of the image" ,"id":"the id of the image","class":"active 
 or empty value"}

, теперь мой angular код:

<div *ngFor="let mySlideImage of mySlideImages">
                    <div class="item" [className]="'mySlideImage.class'">
                      <img src="{{mySlideImage.path}}" alt="...">
                  </div>
                  </div>

что происходит, когда все картинки высеваются одинаково по вертикали, хотя я пробовал со значениями stati c и все предложения работали нормально?

Answer 1

получается, что это верный путь!

<div class="item slider-item"[ngClass]="{
                    'active': mySlideImage.class == 'active'

                  }" *ngFor="let mySlideImage of mySlideImages">
                    <img src="{{mySlideImage.path}}" alt="...">
                </div>