如何将angular.js模块导入Angular应用程序？

Question

目标：我想将以下轮播example包含在Angular 2+组件中。

包含此轮播的步骤包括导入“ theta”模块。我不确定Angular 2+依赖注入将如何工作。以下链接中提到的说明适用于AngularJs应用程序：https://theta-carousel.com/api.html#add-to-angularjs-app

如何在Angular 2+应用程序中使用它？

Answer 1

除非有NPM软件包，否则您不能在Angular2 +中使用外部源代码，我认为该软件包不适用于theta-carousel。您将不得不寻找其他方式来实现自己的轮播。

首先，也许您可​​以选中此well-articulated article。

Answer 2

有几种方法可以将AngularJs外部软件包合并到Angular软件包中。

1. 将其用作jQuery插件。这也需要可包含在angular.json文件中的jQuery：

        "scripts": [
          "node_modules/jquery/dist/jquery.min.js",
          "src/assets/js/theta-carousel.min.js"
        ]
   

组件文件：

import { Component, OnInit } from '@angular/core';
declare var $: any;


export class AppComponent implements OnInit {

ngOnInit(): void {
$('.example').theta_carousel({*/options*/})

1. 创建一个混合的angularJs / angular应用程序（不理想，也不推荐）。