Javascript 在angular 7中动态获取数据时滑动条不工作

我想使滑块上的动态内容，并根据点击改变。我使用了slick slider，它在第一次加载时工作良好，在单击任何一个内容后，将添加新内容并删除以前的内容。此时，光滑滑块不工作

请帮助我，任何帮助都将不胜感激

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>

---

如何做到这一点，请建议我。

这是一个有约束力的问题。您可以通过增加超时来检查，然后您可以得到实际的想法。或者你们可以分享你们使用过的引用站点吗？最初绑定工作正常，但在调用click上的方法后，slick内容动态更新，slick不工作，我已经解决了…调用函数时并没有完全破坏。我使用了下面的函数来销毁和重新初始化slick

destroyCarousel（）{if（$（'.carousel custome'）.hasClass（'slick-initialized'））{$（'.carousel custome'）.slick（'slickRemove'，null，null，true）；$（'.carousel custome'）.slick（'destroy'）；}

Nice Rohit。干得好：）

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);
  }

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