有条件地防止滑动 angular UI 轮播 bootstrap
Conditionally prevent swiping for angular UI Carousel bootstrap
我有一个自定义轮播，它是从 angularUI 轮播 bootstrap 轮播扩展而来的。我添加了 ng-touch 所以它支持滑动。我还在 bootstrap 的原始 prev() 和 next() 函数之上添加了自定义滑动功能，因此在我的 DOM 中，ng-swipe 将如下所示：
<carousel ... ng-swipe-left="myCustomSwipe(); next()" ng-swipe-right="myCustomSwipe();prev()"> content here </carousel>
我的问题是，我想让我的轮播不循环播放。这可以通过在我到达循环末尾时隐藏左/右箭头轻松完成。但是对于滑动，我不知道该怎么做，因为即使我没有在我的 customSwipe() 函数中做任何事情，它仍然会从原始 bootstrap 调用 next() 或 prev()。
如何防止 prev() 和 next() 滑动？我是否必须覆盖 ng-swipe-left 和 ng-swipe-right？谢谢
我找到了问题的答案。我最终不得不覆盖 angular UI 轮播 bootstrap 中的原始 prev 和 next 函数。为此，我需要访问 angular UI bootstrap 的隔离范围。这是一个可以帮助我做到这一点的问题：
AngularJS - Hook into Angular UI Bootstrap - Carousel Custom Next()?
希望对有类似想法的人有所帮助。
我有一个自定义轮播，它是从 angularUI 轮播 bootstrap 轮播扩展而来的。我添加了 ng-touch 所以它支持滑动。我还在 bootstrap 的原始 prev() 和 next() 函数之上添加了自定义滑动功能，因此在我的 DOM 中，ng-swipe 将如下所示：
<carousel ... ng-swipe-left="myCustomSwipe(); next()" ng-swipe-right="myCustomSwipe();prev()"> content here </carousel>
我的问题是，我想让我的轮播不循环播放。这可以通过在我到达循环末尾时隐藏左/右箭头轻松完成。但是对于滑动，我不知道该怎么做，因为即使我没有在我的 customSwipe() 函数中做任何事情，它仍然会从原始 bootstrap 调用 next() 或 prev()。
如何防止 prev() 和 next() 滑动？我是否必须覆盖 ng-swipe-left 和 ng-swipe-right？谢谢
我找到了问题的答案。我最终不得不覆盖 angular UI 轮播 bootstrap 中的原始 prev 和 next 函数。为此，我需要访问 angular UI bootstrap 的隔离范围。这是一个可以帮助我做到这一点的问题：
AngularJS - Hook into Angular UI Bootstrap - Carousel Custom Next()?
希望对有类似想法的人有所帮助。