2016-02-03 16 views
9

最近、Angular2(型スクリプト)を使用し始めました。外部のJavaScriptライブラリhttps://github.com/marchock/vertical-blocksをインポートしようとするまで、すべてうまくいっています。私はいくつかの方法を試しましたが、何も動作せず、通常、ライブラリが定義されていないことを示すエラーが表示されます。角2 - 外部ライブラリの使用

+0

あなたがそのライブラリをインポートしようとする方法を投稿してください。 –

+0

jqueryをインポートする方法の例を次に示します。このコンセプトは、ほとんどの外部ライブラリで同様です。http://www.syntaxsuccess.com/viewarticle/using-jquery-with-angular-2.0 – TGH

答えて

19

これはグローバルライブラリなので、importにする必要はありません。活字体は、あなたがそれを使用して文句を言うと、それは

declare var VerticalBlocks: any; 
を使用してグローバルライブラリだということを知っていないように

@Component({...}) 
export class ExampleComponent{ 
    verticalBlocks: any; 

    ngOnInit(){ 
     this.verticalBlocks = new VerticalBlocks({ 
      ...  
     }); 
    } 
} 

、代わりのimport単に変数VerticalBlocksを宣言:あなたは、通常、元と同じようにする代わりにそれを使用します.tsファイルの先頭に

と表示されます。

そして、単にいつものようにあなたのHTML内のスクリプトを追加します。

<script src="path/to/verticalblocks.js"></script> 
+0

ありがとうございます、これは私の問題を解決しました。 – Ryan

+0

問題が解決した場合は、回答の横にあるチェックマークをクリックしてください。将来の他の人に役立つ回答が見つかるようになります。 – SnareChops

+0

これは私も助けてくれました。あなたのコメントは、ソフトウェアの言語的観点から面白くて悲しいですが、誰かに何か好きなことを伝えるようなものです。本当にあなたのせいではありませんが、stackoverflowが "固定"を解析して、コメントする前に尋ねる – headwinds

関連する問題