【问题标题】:(Angular) How do I override the (mouseenter) and (mouseleave) functions for ngbootstrap carousels?(Angular) 如何覆盖 ngbootstrap 轮播的 (mouseenter) 和 (mouseleave) 函数?
【发布时间】:2018-08-22 23:08:32
【问题描述】:

我目前正在尝试创建一个轮播,使用 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.js angular carousel ng-bootstrap mouseleave


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多