角度2のコンポーネントから純粋なjavascript関数を呼び出します。

Question

私は1つのファイルに数十のjavascript関数を持っています。私がしたいのは、そのファイルをAngular 2コンポーネントにインポートし、 "external.js"ファイルで定義されているinit（）関数を実行することです。

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

は、この情報がお役に立てば幸いです。