多次运行后ngAnimate冻结

Question

为了使AngularJS更好，我已经开始创建一些可重用的组件。我现在正在处理的组件是“图像”滑块/旋转。我创建了一个jsfiddle来重现我遇到的问题。

Image Slider Example

我正在使用animationend来捕获图像过渡后的情况。

如果打开控制台，然后单击“下一个”或“上一个”箭头，则图像将淡入下一个，然后在控制台上显示“动画结束”文本（您必须等待，直到动画结束后再次单击）。如果您继续单击大约16次，则动画开始运行的越来越慢，并且越来越慢，大约18次变得完全无法使用（我使用的是Chrome）。我试图获取内存快照以查看发生了什么，甚至在代码中添加了“ breaks”以尝试逐步查看是否有异常，但尚未找到任何突出的内容。

如果我删除css动画并在没有任何过渡的情况下直接在图像之间切换，则滑块会正常工作-但是没有花哨过渡的图像滑块有什么用呢？

Answer 1

看起来就像不断复制ctrl函数一样，滑块会慢慢增加其内存。如果我将代码从将完整ctrl添加到hy-slider更改为仅添加普通的旧javascript对象，则内存保持一致-我将很快添加jsfiddle。