如何使用typescript在angular组件中实现下面的JavaScript代码？

我想在我的angular组件中实现这个JavaScript功能。我不熟悉JavaScript和angular，这花了太多时间。任何帮助都将不胜感激

$('.carousel.carousel-multi-item.v-2 .carousel-item').each(function () {
   var next = $(this).next();
   if (!next.length) {
    next = $(this).siblings(':first');
   }
   next.children(':first-child').clone().appendTo($(this));
   for (var i = 0; i < 4; i++) {
    next = next.next();
    if (!next.length) {
      next = $(this).siblings(':first');
    }
    next.children(':first-child').clone().appendTo($(this));
   }
});

$（'.carousel.carousel-multi-item.v-2.carousel-item'）。每个（函数（）{
var next=$（this.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
对于（变量i=0；i<4；i++）{
next=next.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
}
});

不要这样做。这是jQuery代码，它与Angular的匹配非常糟糕。用角度的方式做每件事，或者用jQuery的方式做每件事，但不要两者兼而有之。原因是，它们是完全不同的框架，工作方式完全不同。他们对彼此的存在和行为没有任何线索，这必然会导致一个笨拙的应用程序，充满了黑客和变通方法。通常，如果你想要Angular中的旋转木马，请使用Angular插件，不要尝试将jQuery旋转木马改编成Angular应用程序。正如@JeremyThille已经提到的，angular负责呈现和操作DOM，如果使用jQuery干扰DOM，可能会得到一些不需要的结果。例如，请参见stackblitz。。（有大量可能的转盘，您必须查看并测试哪一个最适合您的需求）