如何使用 Angular 7 项目使用 lightgallery？

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'));
}

及其给出的错误：

ERROR ReferenceError: lightGallery 未定义

任何建议我做错了什么？

Answer 1

重试以下操作：

1. 将lightgallery.js文件添加到assets文件夹

2. 将文件路径添加到angular.json的scripts数组中

   “脚本”：[ “../src/assets/js/lightgallery.min.js” ]

3. 在style.scss文件中导入lightgallery.css文件

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

4. 在组件.ts文件上面添加这行代码

   declare var lightGallery: any;

5. 如下使用：

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