检测当前幻灯片并根据ANgularJS中的功能触发功能

Question

我有一个滑块jquery插件，可以在计时器中旋转一些图像。它是一个缩小版本，所以我无法阅读源代码。我想要做的是每次幻灯片更改，我想自动更新角度模型。因此，该模型将更新页面上的一些内容。如何使角度跟踪由jquery触发的更改？

Answer 1

你的Slider可能有某种文档，检查出来并查找有关事件的任何内容。 （当事情发生时，jQuery滑块通常会在滑块元素上广播一个事件 - 例如幻灯片更改）

然后在您的代码中设置一个由事件触发的滑块事件的侦听器。在侦听器内部回调，更改模型，并调用$ scope。$ apply（）;如果需要的话。

slickslider示例：

$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  yourModel = nextSlide;
});

其中：

$('.your-element')是选择滑块元素

beforeChange是插件在更改当前幻灯片之前广播的事件