У меня проблема с элементами carousel Dynami c, когда для удаления элемента используется функция splice

Question

при использовании функции сращивания для удаления элемента (изображения) они удаляют все изображения.

 when i delete the item  I want the carousel show the others images not disappear.
<div id="carouselExampleControls " class="carousel slide "
 data-ride="carousel">
  <div class="carousel-inner" >

    <div class="carousel-item" *ngFor="let img of urls; let i = index;
    let isFirst = first" [ngClass]="{active:isFirst}"
    >

      <img  [src]="img" >

      <div class="carousel-caption d-non "
       >

<button type="button" (click)="removeSelectedFile(index)" 
class="btn btn-xs btn-default" >
<img src="../assets/images/delete_delete_exit_1577.png"
           style="width: 20px;" /></button>


      </div>
    </div>

  </div>
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

`removeSelectedFile(index)
   { 
    this.urls.splice(index, 1);
     } `

когда я удаляю элемент, я хочу, чтобы карусель показывала, что другие изображения не исчезают. спасибо за помощь

Answer 1

 this.urls = this.urls.splice(index, 1);