如何在Angular 2应用程序中包含jQuery库

Question

如何在Angular 2应用程序中包含第三方jQuery库？
如何在angular 2应用程序中包含http://keith-wood.name/calendarspicker.html jQuery库？

Answer 1

1-除了要通过npm安装它之外，还应尝试将此行包含在apps-> scripts密钥内的angular-cli.json文件中，如下例：

{
  "apps": {
    "scripts": [
      "../node_modules/jquery/dist/jquery.min.js"
    ]
  }
}

2-将此插件添加到webpack.config.js（在module.exports中）的webpack插件中：

   new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery"
   })

3-然后将其导入您需要使用的组件中，例如： import * as $ from 'jquery';

Answer 2

要将外部库添加到Angular 2应用中，请下载文件并将其放置在Assets文件夹（或您可能选择添加的任何文件夹）中angular/src/assets/<your-library>，然后在{{ 1}}文件。如果升级到角度6，文件将重命名为angular-cli.json

这是我的angular.json个文件之一的示例

angular-cli.json

但是，添加诸如angular-bootstrap-calendar

之类的“ Angular ready”替代方案可能会更容易。