如何在Angular2組件中使用JavaScript文件？

Question

我要嵌入一個小部件，它是一個正在執行的小部件。在一個普通的HTML頁面，我會把劇本：

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

然後，我會把一個div作爲佔位符：

<div name="rectangle></div> 

現在的問題是，我不能只是把script放入模板中，因爲它會被刪除。 rectangleDrawing.js也不是以模塊的形式輸出。

我該怎麼做？

Answer 1

• 將index.html頁面內<script>
• 把<div..標記組件模板內

也許該腳本將暴露您可以在組件內部使用一些全局變量，這取決於什麼內部和它是如何工作的...

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); 
}