Как я могу использовать 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 файл в папку активов

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

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

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

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

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

   declare var lightGallery: any;

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

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