jquery - 将 Slick(jQuery 插件)与 Angular 结合使用

Question

我在 Node 环境中创建了一个网站，并以 Angular 作为前端。我尝试让 jQuery 插件工作，但它似乎只能在 Chrome 上工作(不能在 FireFox、Safari 或移动设备上工作)。现在，我了解到将 jQuery 插件与 Angular 一起使用需要不同的方法。我怎样才能做到这一点？

我从外部 script.js 文件激活了这个插件。这是我想使用的插件:

$('.usps-slider .sliding').slick({
  autoplay: true,
  centerMode: true,
  arrows: false,
  responsive: [
    {
      breakpoint: 810,
      settings: {
        slidesToScroll: 1,
        centerPadding: 100,
        slidesToShow: 1,
        infinite: true
      }
    }
  ]
});

Answer 1

您似乎正在使用 Slick的轮播。

Slick 有一个 Angular 指令版本，您可能想在您的应用程序中使用:Angular Slick carousel .