在 Angular 中使用 Slick（jQuery 插件）

Question

我在以 Angular 作为前端的节点环境中创建了一个网站。我试图让一个 jQuery 插件工作，但它似乎只在 Chrome 上工作（不是 FireFox、Safari 或移动设备）。现在，我读到将 jQuery 插件与 Angular 一起使用需要不同的方法。我该怎么做？

我从我的外部 scripts.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。