Добавление скрипта JS в мой проект angular7

Question

Для моего проекта мне нужно установить библиотеку «Loadingbar.js» на одну из моих страниц (которую вы можете найти здесь: https://loading.io/progress/). Я вставил CSS в мой глобальный файл "style.css".

Итак, во-первых, я просто попытался вставить в свой индекс:

<script type="text/javascript" src="assets/js/loading-bar.js"></script>

Работало несколько часов, а теперь уже не работает. Поэтому я попробовал все: я пытался поместить везде в каждую строку моего index.html или даже в html моей страницы, в теле, под телом, под ... ничего не получалось.

Кроме того, проект Angular когда-то меня троллит: js загружается один раз очень редко. Если я обновлю страницу, ничего не меняя - она ​​больше не будет работать.

Я пытался добавить "defer" к.

Я пытался дождаться готовности документа, я пробовал setTimeout, но он никогда не работал.

Я пытался добавить путь к сценарию в «angular.json», не сработало.

Что я могу сделать, чтобы заставить эту работу? Как добавить JS lib в угловой проект?

Спасибо.

Answer 1

Первое, что вы должны знать, это то, что в угловых приложениях лучше использовать npm зависимость любой библиотеки, если это возможно. Если это невозможно и вам нужно использовать внешние файлы js, вы можете выполнить следующие действия:

1. Сначала поместите ваши js в папку node_modules. например: node_modules/test-lib/loading-bar.js

2. Внутри вашего app.module.ts вы можете поместить эту строку вверху файла:

   import test-lib/loading-bar.js (без node_modules)

Answer 2

Loading.io связывает свою библиотеку со своей учетной записью GitHub.

Здесь предлагается угловой пример: https://github.com/loadingio/angular-loading-bar

Похоже, лучший способ - установить библиотеку с помощью npm или yarn.