将第 3 方 JS 文件导入 Angular 组件答案

【问题标题】：Import 3rd Party JS file into Angular component将第 3 方 JS 文件导入 Angular 组件
【发布时间】：2018-06-04 07:35:48
【问题描述】：

我正在尝试在 Angular 5 中导入这个 DataTable Jquery 插件（我在 JQuery 和 Bootstrap 加载后包含了这两个脚本）

"https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js" "https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.min.js"

但我不断收到此错误：

ERROR TypeError: __WEBPACK_IMPORTED_MODULE_1_jquery_dist_jquery___default(...)(...).DataTable 不是函数

我已将依赖项添加到angular-cli.json:

"scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js",
        "../3rdParty/data-tables/js/jquery.dataTables.min.js",
        "../3rdParty/data-tables/js/dataTables.bootstrap.min.js"
      ],

在我的 component.ts 文件中，我导入 jquery 和插件

import $ from 'jquery/dist/jquery';
import * as dt1 from '../../../../../3rdParty/jquery.dataTables.min';
import * as dt2 from '../../../../../3rdParty/dataTables.bootstrap.min';

【问题讨论】：

标签： javascript jquery datatables angular5

【解决方案1】：

你见过this 吗？适用于 Angular 的 DataTables，适用于 v5.0.0

【讨论】：