Angular 中的猫头鹰轮播事件答案

【问题标题】：Owl Carousel Events in AngularAngular 中的猫头鹰轮播事件
【发布时间】：2022-12-09 14:24:56
【问题描述】：

我在我的角度应用程序中使用 owl-carousel 版本 2.0.7。我禁用了可用的默认导航文本选项，因为我想创建我的自定义 Prev 和 Next 按钮。请告知我如何使用按钮点击分别转到下一张和上一张幻灯片。另外，请注意应用程序以角度运行。

这是我想用来导航轮播的按钮。

<div class="jo-carousel-custom-nav">
   <button (click)="nextSlide()">previous</button>
   <button (click)="prevSlide()">next</button>
</div>

【问题讨论】：

你知道猫头鹰旋转木马有文档吗？ owlcarousel2.github.io/OwlCarousel2/docs/api-events.html你到底有什么不清楚的？此页面列出了您可以参加的所有活动。
我想在角度内实现相同的功能。我尝试添加一个点击事件，然后调用下一个和上一个函数，但无济于事。
你有什么错误吗？猫头鹰旋转木马有角版本吗？你没有给我们太多的工作机会。请添加足够的代码，以便我们可以重现您的错误。
我没有收到任何错误。我想要的很简单，点击任何按钮（上一个或下一个），幻灯片应该相应地滑动。

标签： angular typescript carousel owl-carousel

【解决方案1】：

我最近发现这个问题的答案很简单。您需要调用 previous 和 next 方法来更改幻灯片。在下面重新编辑了我的代码块：

<div class="jo-carousel-custom-nav">    
    <button (click)="carousel.previous()">previous</button>    
    <button (click)="carousel.next()">next</button> 
</div>

【讨论】：