在Angular 6 component.html中使用腳本標簽

Question

我知道Angular會刪除component.html文件中的腳本標簽，但是從我檢出的所有不同論壇中，我都沒有找到一個能夠成功解決我的問題的論壇。 我正在嘗試將此代碼放入我的ontology.component.html文件中

<script>
  var widget_tree = $("#widget_tree").NCBOTree({
     apikey: "<my-api-key>",
     ontology: "ENVO"
  });
</script>

我的index.html已經有必要的腳本

<link rel="stylesheet" type="text/css" href="../src/widgets/jquery.ncbo.tree.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../src/widgets/jquery.ncbo.tree-2.0.2.js"></script>

Answer 1

如果您使用的是angular6，則可以將其放置在angular.json文件的script []部分中，或者對於angular 4/5文件名是.angular-cli

"scripts": [
    "path/to/scripts/file1.js",
    "path/to/scripts/file2.js"
]

---

您下面的代碼可能無法正常工作，因為當時在DOM中未創建"#widget_tree"節點，只需嘗試在一些setTimeout()添加這些代碼

<script>
  var widget_tree = $("#widget_tree").NCBOTree({
     apikey: "<my-api-key>",
     ontology: "ENVO"
  });
</script>

喜歡

    <script>
    function injectAPIKey() {
        setTimeout(function() {
          var widget_tree = $("#widget_tree").NCBOTree({
             apikey: "<my-api-key>",
             ontology: "ENVO"
          });
        }, 10000);
    }

injectAPIKey();

</script>