Connecting external javascript in angular 2?

Question

JavaScript

Faced with the fact that it is necessary to connect external javascript to an application on angular 2. Actually, the question is, how is this implemented?

Answer 1

The question is not clear. If it's a package in node_modules/bower_components and not ES6 - then something like:

import * as Raphael from 'raphael'; // для класса
import 'annyang'; // для глобального объекта

If TypeScript does not compile, then create a custom-typings.d.ts file, where to describe the types:

declares interface Raphael {
  constructor(options: any);
  ...
}

declare namespace annyang {
  function start(): void;
  function pause(): void;
  function abort(): void;
  function isListening(): boolean;
  function addCommands(commands: Object): void;
  function addCallback(type: string, callback: (arg: any) => void )
}

Answer 2

If I understood your question correctly and we are talking about using external scripts located, for example, in a CDN, then I connected via $script.js - JS loader & dependency
manager - something better came up with)