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

Question

我只想使用外部 js 文件在我的 Angular Web 应用程序中构建动画。

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

我只想在我的 Angular 应用程序中使用这个 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 应用程序中使用这个功能。

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

标签： angularexternal-js

Answer 1

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

你可以实现一个指令并在你需要的地方调用它。 https://angular.io/guide/attribute-directives