Как я могу использовать lightgallery для проекта Angular 7?

Question

Я добавил его скрипт в файл angular.json.

"scripts": ["./src/assets/js/lightgallery.js"] 

и его стили для style.scss файла

@import "./assets/externals/lightgallery.css";

и в моем компоненте я пробовал это:

declare var lightGallery: any;

ngOnInit() {
   lightGallery(document.getElementById('lightgallery'));
}

и выдает ошибку:

ОШИБКА ReferenceError: lightGallery не определена

Есть предположения, что я делаю неправильно?

Answer 1

Повторите следующее:

1. Добавить lightgallery.js файл в assets папку

2. Добавить путь к файлу в массив сценариев angular.json

   «скрипты»: [ "../src/assets/js/lightgallery.min.js" ]

3. Импорт lightgallery.css файла в style.scss файле

   @import "~lightgallery.js/dist/css/lightgallery.css";

4. Добавьте эту строку кода поверх компонента .ts file

   declare var lightGallery: any;

5. Используйте, как показано ниже:

   lightGallery(document.getElementById('lightgallery'));