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

代码_12

目标:我想将以下轮播示例包含在Angular 2+组件中。

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

在此处输入图片说明

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

代码_12

有几种方法可以将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应用程序(不理想,也不推荐)。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular 2模块导入中断应用程序

来自分类Dev

如何将qrcode-generator导入Angular 2应用程序?

来自分类Dev

如何将qrcode-generator导入Angular 2应用程序?

来自分类Dev

如何导入共享模块(使用 Angular Material)来测试 Angular 应用程序?

来自分类Dev

如何在angular 2中使用“ SystemJsNgModuleLoader”将动态模块导入到应用程序?

来自分类Dev

将带有 rxjs 的 angular 5 模块导入到 angular 8 应用程序中

来自分类Dev

如何将现有的angular js应用程序集成到Laravel 5中

来自分类Dev

具有根级别导入的Angular2应用程序模块

来自分类Dev

我如何使我的ember.js应用程序从Bower或npm导入安装的模块

来自分类Dev

将D3.js导入Angular 2应用程序的正确方法

来自分类Dev

如何将 TypeScript 类集中导入 Angular 模块?

来自分类Dev

如何将Cordova应用程序从Angular Dart 1转换为Angular 2?

来自分类Dev

如何从jQuery.min.js导入$到Angular 2应用程序中?找不到名字

来自分类Dev

如何动态地将模块注入到主要的Angular应用程序模块

来自分类Dev

如何将 jQuery 插件导入 babel 应用程序

来自分类Dev

如何将Angular Universal应用程序部署到Node.js生产服务器?

来自分类Dev

如何将Scala.js应用程序转换为CommonJS模块?

来自分类Dev

ModuleNotFoundError:没有名为Foo的模块-如何将模型导入Django应用程序的脚本中?

来自分类Dev

如何将mongoDB连接到angular2应用程序?

来自分类Dev

如何将Angular应用程序部署到S3以响应路由URL

来自分类Dev

如何将Angular应用程序与Azure Active Directory绑定?

来自分类Dev

如何将Yeoman Angular应用程序移至存储库?

来自分类Dev

使用angular时如何将视图加载到MVC应用程序中

来自分类Dev

如何将 Angular 2 应用程序部署为独立的(使用 dist 文件夹)

来自分类Dev

如何将 Angular 4 应用程序部署到 apache htdocs?

来自分类Dev

如何将日历组件插入到 Angular 2 应用程序中?

来自分类Dev

如何将按钮动态注入 Angular 6 应用程序?

来自分类Dev

如何将任何应用程序的选定文本导入Windows窗体应用程序

来自分类Dev

如何使用SystemJS在Angular2应用程序中加载bootstrap.js,jQuery和其他模块

Related 相关文章

  1. 1

    Angular 2模块导入中断应用程序

  2. 2

    如何将qrcode-generator导入Angular 2应用程序?

  3. 3

    如何将qrcode-generator导入Angular 2应用程序?

  4. 4

    如何导入共享模块(使用 Angular Material)来测试 Angular 应用程序?

  5. 5

    如何在angular 2中使用“ SystemJsNgModuleLoader”将动态模块导入到应用程序?

  6. 6

    将带有 rxjs 的 angular 5 模块导入到 angular 8 应用程序中

  7. 7

    如何将现有的angular js应用程序集成到Laravel 5中

  8. 8

    具有根级别导入的Angular2应用程序模块

  9. 9

    我如何使我的ember.js应用程序从Bower或npm导入安装的模块

  10. 10

    将D3.js导入Angular 2应用程序的正确方法

  11. 11

    如何将 TypeScript 类集中导入 Angular 模块?

  12. 12

    如何将Cordova应用程序从Angular Dart 1转换为Angular 2?

  13. 13

    如何从jQuery.min.js导入$到Angular 2应用程序中?找不到名字

  14. 14

    如何动态地将模块注入到主要的Angular应用程序模块

  15. 15

    如何将 jQuery 插件导入 babel 应用程序

  16. 16

    如何将Angular Universal应用程序部署到Node.js生产服务器?

  17. 17

    如何将Scala.js应用程序转换为CommonJS模块?

  18. 18

    ModuleNotFoundError:没有名为Foo的模块-如何将模型导入Django应用程序的脚本中?

  19. 19

    如何将mongoDB连接到angular2应用程序?

  20. 20

    如何将Angular应用程序部署到S3以响应路由URL

  21. 21

    如何将Angular应用程序与Azure Active Directory绑定?

  22. 22

    如何将Yeoman Angular应用程序移至存储库?

  23. 23

    使用angular时如何将视图加载到MVC应用程序中

  24. 24

    如何将 Angular 2 应用程序部署为独立的(使用 dist 文件夹)

  25. 25

    如何将 Angular 4 应用程序部署到 apache htdocs?

  26. 26

    如何将日历组件插入到 Angular 2 应用程序中?

  27. 27

    如何将按钮动态注入 Angular 6 应用程序?

  28. 28

    如何将任何应用程序的选定文本导入Windows窗体应用程序

  29. 29

    如何使用SystemJS在Angular2应用程序中加载bootstrap.js,jQuery和其他模块

热门标签

归档