скользящий слайдер не работает при динамическом получении данных в angular 7

Question

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

Пожалуйста, помогите мне, любая помощь будет оценена.

HTML Код:

<div class="video-placeholder" *ngFor="let relate of relatedArray">
                                <div class="carousel16to9ratio">
                                    <div><img class="img-fluid"
                                            src="image"
                                            alt=""></div>
                                    <div class="overlayIframe"
                                        (click)="playNextVideo()">
                                    </div>
                                </div>
                                <div class="carousel-video-title">video name</div>
                            </div>

машинопись:

ngAfterContentInit() {
    setTimeout(function () {
      $('.carousel-custome').slick({
        dots: false,
        infinite: false,
        speed: 300,
        slidesToShow: 4,
        slidesToScroll: 1,
        prevArrow: '<i class="fas fa-chevron-left prev"></i>',
        nextArrow: '<i class="fas fa-chevron-right next"></i>',
        cssEase: 'linear',
        responsive: [
          {
            breakpoint: 1024,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 1,
              dots: false
            }
          },
          {
            breakpoint: 600,
            settings: {
              slidesToShow: 2.3,
              slidesToScroll: 1,
              centerMode: false,
              initialSlide: 0
            }
          },
          {
            breakpoint: 480,
            settings: {
              slidesToShow: 2.3,
              slidesToScroll: 1,
              centerMode: false,
              initialSlide: 0
            }
          }
        ]
      });
    }, 200);
  }

в функции playNextVideo () я снова вызываю ngOnInit () и удаляю скользкие данные, используя

$('.carousel-custome').slick('slickRemove', null, null, true);

как этого добиться, пожалуйста, предложите мне.