Javascript 角形旋转木马在旋转木马末端添加额外的空幻灯片
我已经使用ng repeat实现了一个带有角度旋转包的滑块。它工作正常,但在旋转木马的末端添加了一个额外的空白幻灯片。我在网上搜索,其他人也有类似的错误,因为他们的旋转木马末尾有一个额外的元素,但我的代码中没有类似的内容。在浏览器中检查dom时,我也看不到额外的元素 我使用指令将旋转木马的高度设置为最高的图像,但无论我是否使用指令,它都有相同的问题。除了旋转木马末端的额外幻灯片外,其他一切都按照我想要的方式进行 我会将我的代码粘贴到下面,如果您需要更多信息或说明,请告诉我 提前感谢所有的帮助 模板如下所示:Javascript 角形旋转木马在旋转木马末端添加额外的空幻灯片,javascript,jquery,angularjs,angular-carousel,Javascript,Jquery,Angularjs,Angular Carousel,我已经使用ng repeat实现了一个带有角度旋转包的滑块。它工作正常,但在旋转木马的末端添加了一个额外的空白幻灯片。我在网上搜索,其他人也有类似的错误,因为他们的旋转木马末尾有一个额外的元素,但我的代码中没有类似的内容。在浏览器中检查dom时,我也看不到额外的元素 我使用指令将旋转木马的高度设置为最高的图像,但无论我是否使用指令,它都有相同的问题。除了旋转木马末端的额外幻灯片外,其他一切都按照我想要的方式进行 我会将我的代码粘贴到下面,如果您需要更多信息或说明,请告诉我 提前感谢所有的帮助 模
-
因此,经过一些实验后,我发现问题在于我返回制作幻灯片的数组中的某些项的图像值为null
,因此没有创建幻灯片,我认为这将由数据ng if=“futureEvent.eventHomepageImage”
处理,但是图像中带有null
的项目仍然会增加阵列的长度,角度旋转木马使用阵列的长度为幻灯片制作偏移。因此,即使没有添加空白幻灯片,角度转盘也会添加额外的填充来考虑一个不存在的图像,因为数组的长度。p>
为了修复它,我在数组上循环,并将其中的图像推送到一个新数组中,然后返回一个只包含图像的新数组来制作旋转木马
希望这能帮助其他遇到同样问题的人:-)