node.js - (Angular) 如何覆盖 ngbootstrap 轮播的 (mouseenter) 和 (mouseleave) 函数？

Question

我目前正在尝试创建一个轮播，使用 ngbootstrap 在 Angular 中播放 Youtube 视频。我已经成功嵌入视频，但我注意到引导轮播附带的 (mouseenter) 和 (mouseleave) 函数正在调用 pause() 和 cycle()，这两个函数都会使视频开始重新加载/每次鼠标进入或退出轮播空间时重播。我想覆盖它们以防止这种情况发生。

我已经查看了 node_modules/@ng-bootstrap/ng-bootstrap/carousel 以寻找可能覆盖它们的方法，但我没有看到任何可以这样做的东西。

我发现了一个 ngbootstrap github 源，它似乎有一个允许覆盖的文件：

https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/carousel/carousel.ts

但是作为 Angular 的新手，我不确定我是否没有相同的 ngbootstrap，或者我是否找不到这些文件或什么。如果需要更多信息，请告诉我！

标签： node.jsangularcarouselng-bootstrapmouseleave

Answer 1

我最近在reddit上找到了某人的答案！我需要添加pointer-events : none到 ngb-carousel。