Javascript 在Angular 6 component.html中使用脚本标记

我知道Angular删除了

component.html

文件中的脚本标记，但在我签出的所有不同论坛中，我都没有找到一个能够成功解决问题的论坛。 我正试图将此代码放入我的

ontology.component.html

文件中

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

---

如果您使用的是angular6，则可以将其放在

angular.json

文件的script[]部分中，或者对于angular 4/5，文件名为

。angular cli

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

---

您的下面的coce可能不起作用，因为当时，

“#widget_tree”

节点未在DOM中创建，只需尝试将这些代码添加到一些

setTimeout（）

var widget_tree=$（“#widget_tree”）.NCBOTree({
apikey:“，
本体论：“ENVO”
});

像

函数injectAPIKey（）{
setTimeout（函数（）{
var widget_tree=$（“#widget_tree”）.NCBOTree({
apikey:“，
本体论：“ENVO”
});
}, 10000);
}
injectAPIKey（）；

如果您使用的是angular6，则可以将其放在

angular.json

文件的script[]部分中，或者对于angular 4/5，文件名为

。angular cli

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

---

您的下面的coce可能不起作用，因为当时，

“#widget_tree”

节点未在DOM中创建，只需尝试将这些代码添加到一些

setTimeout（）

var widget_tree=$（“#widget_tree”）.NCBOTree({
apikey:“，
本体论：“ENVO”
});

像

函数injectAPIKey（）{
setTimeout（函数（）{
var widget_tree=$（“#widget_tree”）.NCBOTree({
apikey:“，
本体论：“ENVO”
});
}, 10000);
}
injectAPIKey（）；

在jQuery中使用Angular时，很可能会遇到问题。建议您找到与angular兼容的模块，以便确保它们能够连接到angular组件的生命周期和渲染中。在尝试将angular与jQuery一起使用时，您很可能会遇到问题。建议您找到与角度兼容的模块，以便确保它们能够连接到角度组件生命周期和渲染中。这正是为什么您应该避免将jQuery用于动态渲染的角度组件。jQuery无法知道角度组件何时完成渲染，以及元素/组件重新渲染事件处理程序或类似程序是否会丢失。这正是为什么您应该避免将jQuery与动态渲染的角度组件一起使用的原因。jQuery无法知道角度组件何时完成渲染，以及元素/组件重新渲染事件处理程序或类似程序是否会丢失。

<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>