Angular2コンポーネントでJavaScriptファイルを使用するにはどうすればよいですか？

Question

私はウィジェットを埋め込みました。これはロード時に実行されます。通常のHTMLページでは、私はスクリプトを置く：

<script src="rectangleDrawing.js"></script> 

をそして、私はプレースホルダとしてdivを置く：

<div name="rectangle></div> 

問題は、私はちょうどscriptを置くことができないということになりましたそれは削除されるため、テンプレートに追加します。またrectangleDrawing.jsもモジュールとしてエクスポートされていません。

どうすればいいですか？

Answer 1

• は、おそらくそのスクリプトは、あなたのコンポーネント内で使用することができ、いくつかのグローバル変数を公開するコンポーネントテンプレート

内<div..マークアップを<script>

index.htmlページの内部を入れて入れて、それは何によって決まります内部とその仕組み...

Answer 2

これはおそらく最もエレガントなオプションではありませんが、動作します。これをあなたに入れてください。コンポーネント：

ngOnInit() { 
    this.loadScript(); 
} 

private loadScript(): void { 
    const node = document.createElement('script'); 
    node.src = 'yourScript.js'; 
    node.type = 'text/javascript'; 
    node.async = true; 
    node.charset = 'utf-8'; 
    document.getElementsByTagName('head')[0].appendChild(node); 
}