为了在AngularJS中变得更好 - 我已经开始创建一些可重用的组件。我现在正在处理的组件是图像滑块/旋转。我创建了一个jsfiddle来重现我遇到的问题。
当图像转换时，我正在使用animationend进行捕捉。
如果打开控制台，然后单击“下一个”或“上一个”箭头，图像将淡入下一个，然后“动画结束”文本将出现在控制台中（您必须等到动画结束再次点击）。如果你继续点击大约16次，动画开始变得越来越慢，大约18次完全无法使用（我正在使用Chrome）。我试图获取内存快照以查看发生了什么 - 或者甚至在代码中添加“中断”以尝试逐步查看某些内容是否与众不同但尚未发现任何突出的内容。
如果我删除css动画并只是在图像之间切换而没有任何转换，那么滑块将正常工作 - 但是没有花哨过渡的图像滑块有什么用呢？
看起来通过不断复制ctrl功能，滑块慢慢激活其内存。如果我将代码从添加完整的ctrl更改为hy-slider只添加一个普通的旧javascript对象，那么内存保持一致 - 我将很快添加一个jsfiddle。