Importer un fichier JS tiers en composant angulaire - javascript, jquery, datatables, angular5

J'essaie d'importer ce plugin DataTable Jquery dans Angular 5 (j'inclus les deux scripts une fois que JQuery et Bootstrap ont été chargés)

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

Mais je continue à avoir cette erreur:

ERREUR TypeError: __WEBPACK_IMPORTED_MODULE_1_jquery_dist_jquery ___ default (...) (...). DataTable n'est pas une fonction.

J'ai ajouté les dépendances au 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"
],

et dans mon component.ts fichier j'importe jquery et le plugin

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

Réponses:

Avez-vous vu ce ? DataTables adaptés pour Angular, fonctionne avec v5.0.0