Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角形旋转木马在旋转木马末端添加额外的空幻灯片_Javascript_Jquery_Angularjs_Angular Carousel - Fatal编程技术网

Javascript 角形旋转木马在旋转木马末端添加额外的空幻灯片

Javascript 角形旋转木马在旋转木马末端添加额外的空幻灯片,javascript,jquery,angularjs,angular-carousel,Javascript,Jquery,Angularjs,Angular Carousel,我已经使用ng repeat实现了一个带有角度旋转包的滑块。它工作正常,但在旋转木马的末端添加了一个额外的空白幻灯片。我在网上搜索,其他人也有类似的错误,因为他们的旋转木马末尾有一个额外的元素,但我的代码中没有类似的内容。在浏览器中检查dom时,我也看不到额外的元素 我使用指令将旋转木马的高度设置为最高的图像,但无论我是否使用指令,它都有相同的问题。除了旋转木马末端的额外幻灯片外,其他一切都按照我想要的方式进行 我会将我的代码粘贴到下面,如果您需要更多信息或说明,请告诉我 提前感谢所有的帮助 模

我已经使用ng repeat实现了一个带有角度旋转包的滑块。它工作正常,但在旋转木马的末端添加了一个额外的空白幻灯片。我在网上搜索,其他人也有类似的错误,因为他们的旋转木马末尾有一个额外的元素,但我的代码中没有类似的内容。在浏览器中检查dom时,我也看不到额外的元素

我使用指令将旋转木马的高度设置为最高的图像,但无论我是否使用指令,它都有相同的问题。除了旋转木马末端的额外幻灯片外,其他一切都按照我想要的方式进行

我会将我的代码粘贴到下面,如果您需要更多信息或说明,请告诉我

提前感谢所有的帮助

模板如下所示:



因此,经过一些实验后,我发现问题在于我返回制作幻灯片的数组中的某些项的图像值为
null
,因此没有创建幻灯片,我认为这将由
数据ng if=“futureEvent.eventHomepageImage”
处理,但是图像中带有
null
的项目仍然会增加阵列的长度,角度旋转木马使用阵列的长度为幻灯片制作偏移。因此,即使没有添加空白幻灯片,角度转盘也会添加额外的填充来考虑一个不存在的图像,因为数组的长度。p> 为了修复它,我在数组上循环,并将其中的图像推送到一个新数组中,然后返回一个只包含图像的新数组来制作旋转木马

希望这能帮助其他遇到同样问题的人:-)