Ionic 2プロジェクトに外部javascriptを追加する

Question

変数、関数、クラスを宣言したfoo.jsファイルがあります。

まだプロジェクトには含まれていません。

私はこの変数、クラス、関数を私のhome.tsメソッドで使いたい、あるいはグローバルに利用できるようにする（home.tsメソッドで使う）と仮定します。

どうすればいいですか？

Answer 1

をファイルあなたがhome.tsでこの機能を利用したい場合は、我々は今、目的球

myfunt(){ 
//your logic goes here 
} 

を持っているあなたのfoo.tsファイルに言うことができます

STEP1：あなたのFOOをインポートhome.ts

STEP2で.TSファイル：エクスポート・クラスでは、この

のようになります。

export class home extends foo { 
//since you have used extends keyword now you unlocked all the data in foo.ts file for home.ts file 


     //here now try to access your myfunt() funtion 


     constructor(){ 

      super.myfunt(); //user super keyword to access all the data available in foo.ts file 
     } 

    } 

Answer 2

定義ファイル（.d.ts）を使用できます。

まず、foo.jsにコミュニティが作成した定義ファイルがあるかどうかを確認します。

npm install --save @types/foo 

に

ない場合、あなたはこのJavaScriptファイル用に独自の定義ファイルを作成することができます。それが存在する場合は、あなたがこのようにそれをインストールすることができます http://microsoft.github.io/TypeSearch/ またはここ https://github.com/DefinitelyTyped/DefinitelyTyped

：ここでそれを確認してください。

は、このような内容でfoo.d.tsそれを呼ぶことにしましょう：あなたはそれを持って

declare var data:any; 
declare function myFunc(n:string); 

たら、通常の「.TS」ファイルのようにそれを使用することができます。

import * as foo from "./foo"; //"./foo" is the path of your .d.ts. 
foo.myFunc() 

ここ

詳細情報：そこも角張っている私はちょうど彼にあなたが行うことができます例を示しjavascriptの平野に書き込むことができ https://blogs.msdn.microsoft.com/typescript/2016/06/15/the-future-of-declaration-files/