如何在angular Web应用程序中使用外部js文件功能

Question

我只想使用一个外部js文件在我的有角度的Web应用程序中构建动画。

在W3C网站上我发现了这一点： https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_compare

我只想在我的角度应用程序中使用此js文件，但无法正常工作。

 $('.owl-carousel').owlCarousel({
  loop: true,
  margin: 10,
  nav: false,
  autoplay: true,
  autoplayTimeout: 3000,
  autoplayHoverPause: true,
  dots: false,
  responsive: {
    0: {
      items: 1
    },
    600: {
      items: 3
    },
    1000: {
      items: 5
    }
  }
})

在外部js文件中有此功能，如何在我的angular Web应用程序中使用此功能。

有人可以给我一些建议吗？

Answer 1

正确的方法是将代码转换为Typescript。 您应该逐步实现Angular逻辑。

您可以实现一个指令，并在需要时调用它。 https://angular.io/guide/attribute-directives