サードパーティのライブラリAngular 2

Question

サードパーティのパッケージ（jquery、colorbox）をプロジェクトに追加しました。まず私は、NPMにスローをインストールし、私は、 "アンギュラcli.json"

"scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/jquery-colorbox/jquery.colorbox.js", .... 

に追加した後、私は、コンポーネントに

declare var $:any; 
declare var colorbox:any; 
and the code 

ngAfterViewInit(){ 
    $(document).ready(function(){ 
     $(".alma1").colorbox({rel:'alma1'}); 
    }); 
} 

とビューを宣言

<a class="alma1" href="{‌{pic.pictureURL}}" title="{‌{pic.desc}}"> 
    <img class="alma" src="{‌{pic.pictureURL}}" alt="{‌{pic.desc}}">  
</a> 

リンク上で初めてクリックすると、Google Firebaseストレージリンクページに移動し、その後、ウェブページに戻ってリンクをもう一度クリックすると、正常に動作するカラーボックスパッケージが表示されます。私はngAfterViewInit（）を呼び出しましたが、見た目は存在しません。 なぜ初めて動作しないのですか？

Answer 1

jQueryライブラリをangle 2プロジェクトに渡すには、ローダーを1つ使用する必要があります。あなたはjqueryの種類があなたの人生の時間に利用可能であることを確認する必要があります。

あなたはsystemjsローダーを使用することができます。システム設定では、あなたがconfig内にjqueryパスを追加すると、typescriptはjqueryを理解します。

systemjs loaderを使用する場合は、ブラウザでも使用できます。