AngularJS项目中bootstrap-image-gallery.min.js与CSP头问题

问题详情 #

• 在AngularJS项目中引入bootstrap-image-gallery.min.js库（已在.cshtml文件中完成引入），但模态弹窗功能异常：
  • 弹窗打开后，“Next”“Previous”“Slideshow”“Download”按钮因被添加hide、fade、modal类而隐藏；
  • 手动移除这些隐藏相关的类后，按钮可见，但点击完全无响应。
• 项目web.config中配置的内容安全策略（CSP）头如下：

<add name="Content-Security-Policy" value="script-src 'self' http: https: 'unsafe-inline' 'unsafe-eval';" />

已执行的排查操作 #

• 移除hide、fade、modal类：按钮可见但点击无功能；
• 检查浏览器控制台错误信息；
• 验证所有JavaScript文件均已正常加载；
• 确认模态框已被正确触发并显示。

相关材料 #

• 涉及的.cshtml文件、bootstrap-image-gallery.min.js文件代码；
• 前端异常截图：

内容的提问来源于stack exchange，提问作者Abhishek Sharma