Использование тега script в 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, вы можете поместить его в секцию script [] файла angular.json или для углового 4/5 имя файла: .angular-cli

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

---

Ваш код нижеможет не работать, потому что в то время узел "#widget_tree" не был создан в DOM, просто попробуйте добавить этот код в некоторые 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>