dynamic carsoule

   <div class="container">

                        <div class="row">

                            <div class="col-sm-5">

                                <div id="consulting-carousel" class="carousel slide" data-ride="carousel">

                                    <div class="carousel-inner" role="listbox">

                                        <div class="item " *ngFor="let item of imgList;let index = index;let isFirst = first" [ngClass]="{active:isFirst}" >

                                            <span class="consulting-caption">

                                                <img [src]="item.name"  class="d-block w-100" alt="image">

                                             

                                                </span>

                                        </div>

                                       

                                    </div>

                                    <ol class="carousel-indicators">

                                        <li data-target="#consulting-carousel" *ngFor="let item of imgList;let index = index;let isFirst = first" [ngClass]="{active:isFirst}" >

                                            <img [src]="item.name" alt="image"></li>

                                       

                                    </ol>

                                </div>

                         

                            </div>

                        </div>

                    </div>

ts:

 this.imgList=[

      {name:"assets/images/consult/c1.jpg"},

      {name:"assets/images/consult/c2.jpg"},

      {name:"assets/images/consult/c3.jpg"},

      {name:"assets/images/consult/c4.jpg"}

  ]

https://stackblitz.com/edit/angular-carousel-example-cwnzre?file=src%2Fapp%2Fcarousel%2Fcarousel.component.html