Angular 6库添加依赖项

时间:2019-06-25 10:34:01

标签: jquery dependency-injection angular6

我创建了一个在其中使用jquery的Angular 6库,在创建库的同时安装了Jquery,并在创建库的根项目的angular.json中提供了jquery的引用。

      "styles": [
          "src/styles.css"
       ],
       "scripts": [
           "node_modules/jquery/dist/jquery.js",
       ]

当我在主应用程序中使用库时,它正在工作。

当我打包制作一个库时,然后创建我的库的mylibrary.tgz。 我使用npm install <location of library tgz file>安装在另一个需要使用我的库的应用程序中。

我能够访问该库,但是找不到jquery,因为我没有在使用库的应用程序中安装jquery。

当我安装的jquery库也自动安装到我的项目中时,有人可以告诉我如何赋予jquery对库本身的依赖性吗?

1 个答案:

答案 0 :(得分:-1)

将Jquery添加到angular.json中:

"scripts": [
          "node_modules/jquery/dist/jquery.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js"


        ]

然后在.ts文件中,您需要声明一个jquery属性

declare var jquery: any;

然后,您可以像在ts文件中的普通jquery一样使用声明的属性