Я включил scrollreveal в свой проект Angular.
npm i --sve scrollreveal
И в одном из моих Component:
import ScrollReveal from 'scrollreveal'
...
ScrollReveal().reveal('.sreveal');
Работает, но, как и ожидалось, наблюдается мерцание, поскольку (я считаю) библиотека js еще не загружена, пока body уже отрендерен.
Из документации сказано добавить <script src="https://unpkg.com/scrollreveal"></script> в <head>. Я попытался добавить <script src="node_modules/scrollreveal/dist/scrollreveal.min.js"></script> в <head> из index.html . И я также попытался добавить путь к scripts в angular.json . Это все еще не устраняет мерцание, и я сомневаюсь, как я импортирую ScrollReveal.
Вещи, которые я пробовал отдельно:
- добавить
node_modules/scrollreveal/dist/scrollreveal.min.js (и без .min) на angular.json script
- добавить
node_modules/scrollreveal/dist/scrollreveal.min.js (и без .min) к index.html head
Другие способы, которые не сработали, и я считаю, что стоит упомянуть:
declare var ScrollReveal: any не работал, как другие библиотеки JS, используемые в TS.
попытался установить @types/scrollreveal, но вызывает больше проблем в том, как импортировать и вызывать функцию открытия.