角型2/4を使用してTypescriptクラス内で外部JavaScriptライブラリ関数を呼び出すにはどうすればよいですか？

Question

私は、私のJavascriptクラス内で定義されているメソッドを呼び出すTypescriptクラスclass.component.tsを持っています。このJavascriptクラスは、/assets/js/*initlibrary.js*内にあります。このjavascriptライブラリは、プロジェクトの初期化時に自動的に呼び出されます。

私の質問は：どのように私はこのjavascriptライブラリに手を差し伸べて、その中の関数を呼び出すことができますか？ import { Component, OnInit } from '@angular/core';のようにインポートする必要がありますか？もしそうなら、どうしたらいいですか？

ありがとうございます！

Answer 1

角型プロジェクト内で外部ライブラリを使用する場合は、多くの要件があります。

1.アンギュラcli.json中にあなたのjavascriptライブラリ宣言します。この命令では

"scripts": [ 
    "../assets/js/yourlibrary.js" 
] 

を、あなたはtypescriptですコード内のライブラリ関数を使用することができますが、コンパイルすることができません（蒸散）。

2.

にtypescriptです定義をあなたのライブラリーの定義を作成したファイルは、.d.tsで終わる拡張子を持っています。プロジェクト内で作成し、tsconfig.jsonから参照することができます。ここで

は、私が作成したEXIFライブラリ定義の例です：

私のコードでは

/// EXIF.d.ts 

declare module EXIF { 
    interface EXIFStatic { 
     getData(img, callback): boolean; 
     getTag(img, tag): any; 
     getAllTags(img): any; 
     pretty(img): any; 
     readFromBinaryFile(file): any; 
    } 
} 

declare var EXIF: EXIF.EXIFStatic; 

declare module "EXIF" { 
    export = EXIF; 
} 

、私は次のように使用します。

EXIF.getData（IMG、コールバック）;

あなたはここに多くの例を見つけることができます：https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types

3.リファレンスここではあなたのライブラリーの定義

は私tsconfig.jsonファイルの例です：

"typeRoots": [ 
    "./typings" // I have create a typings folder inside my src project folder 
], 
"types": [ 
    "EXIF" // Reference of your EXIF.d.ts inside your typings folder 
] 

定義（Visual Studioコードを使用している場合）コードを記述するときにオートコンプリート関数名を取得し、プロジェクトを作成する角度を許可します。