Блог

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

Итак, сначала я просто попытался поместить <script></script> в свой индекс:

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

Это работало несколько часов, и теперь это больше не работает. Итак, я перепробовал все: я попытался поместить <script> везде в каждой строке моего index.html или даже в html моей страницы, в теле, под телом, под <app-root></app-root> … ничего не сработало.

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

Я попытался добавить «отложить» в <script></script> .

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

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

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

Спасибо.

Первое, что вы должны знать, это то, что в приложениях angular лучше использовать 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 )

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

Они предлагают пример Angular здесь:https://github.com/loadingio/angular-loading-bar

Похоже, лучший подход — установить библиотеку через npm или yarn.