Angular2はカスタムJavaScriptライブラリをインポートしています

Question

私はangle2で私の実際のプロジェクトに役立つカスタムメイドのjavascriptライブラリを再利用しています。私の問題はGoogleで検索した後で、このサイトは役に立ちませんでした。ハッキー、私はangular2/4が口頭で放出されて以来、私は疑問に思っていた、これを行うには、適切な方法で何か方法がありますか？

編集： 私はこれらのライブラリのいくつかは、リーフレットのためのものである、詳細情報を追加しているleaflet geotagged photosのようなプラグインのいくつかは、それは3年前から更新されているので、私はangular2-リーフレットに変更したくありません。 私はこのようなスクリプトを読み込む場合、私は実際にページ内の地図を見ることができます：

ngAfterViewInit() { 

    var s = document.createElement("script"); 
    s.type = "text/javascript"; 
    s.src = "./resources/js/app/visitantes_leaflet.js"; 
    this.elementRef.nativeElement.appendChild(s); 

    } 

をしかし、私がデータを送信したり、そこからメソッドを呼び出すことはできません（私はHTMLに古き良きjsのイベントを使用してみました）。 @Michalの回答にはマップが表示されません。@ Joo Beckの回答は「うまくいっていますが、Error: Map container not found.」というエラーが表示されます。<div id="map">はL.map（ 'map'）の前に追加されていません。 （ルートディレクトリにあります）あなたの角度-cli.jsonファイルで

Answer 1

は、アプリにあなたのjavascriptライブラリを追加[0]あなたはおそらく、あなたがしようとしているものを言及し、何をしていないはずですアレー

{ 
"project": { 
    }, 
    "apps": [ 
    { 
    ... 
     "scripts": [ 
     "../node_modules/custom-library/main.js", 
     ], 
    } 
    ], 
} 

Answer 2

を.scripts私たちは時間を無駄にせずにソリューションを見つけることができます。また、もしあなたがタイプスクリプトかジャバスクリプトを使用していると言えば、それは役に立ちます。あなたがJavaScriptを使用しているようですが、なぜあなたが問題を抱えているのかを説明するタイスクリプトを使用しているなら、

typescriptを使用している場合は、私のために働いていたのは、宣言varとインポートのようなものです。

declare var RecordRTC: any; 

import "../../dependencies/RecordRTC.js"; 

宣言は、typescriptに必要なものがあることを知らせるだけで、一度変換されるとアクセスできます。