Вызов чистой функции javascript из компонента Angular 2

Question

У меня есть один файл с десятками функций javascript. Я хочу, чтобы импортировать этот файл в компонент Angular 2 и запустить функцию init(), которая определена в файле «external.js».

import { Component, AfterViewInit } from '@angular/core'; 

import "../../../../assets/external.js"; 

@Component({ 
    selector: 'app-component', 
    templateUrl: 'app.component.html' 
}) 
export class ComponentNameComponent implements AfterViewInit { 
    constructor() { } 

    ngAfterViewInit(): void { 
     // invoke init() function from external.js file 
    } 
} 

external.js загружается с помощью импорта и в ngAfterViewInit() Я хочу, чтобы вызвать Init() функцию, которая в external.js, называющих все другие методы в этом внешнем файле.

Вот часть external.js:

function init() { 
    callFunction1(); 
    callFunction2(); 
} 

Answer 1

Вы можете импортировать и объявить внешний объект. после этого вы можете использовать его в своем компоненте.

import 'external.js' 
declare var myExtObject: any; 

Я сделал пример в plunker: https://plnkr.co/edit/b2kAztHntMuNjTfOv8jD?p=preview

Надеется, что это помогает.