我对Angular游戏很陌生,我一直在尝试将JSSOR滑块集成到我的网页中,该滑块将使用AngularJS的ng-repeat功能使用自定义指令。到目前为止,我已经在Devtools中进行了测试,当我加载带有滑块的页面时,在控制台中找不到任何错误,并且我在加载时暂停,以确保我的所有图像都加载到ng-repeat中,因为我本来希望如此,但是JSSOR只显示处于奇怪位置的第一张图片,而不是它应该是什么,并且没有任何动画。我知道我的应用程序,指令和控制器都在做他们应该做的事情,但我猜测它是JSSOR如何找到它的img的div,它将显示它绊倒它。有什么建议吗?
JSSOR幻灯片中的HTML:
<div class="slideShow">
<!-- Slides Container -->
<div class="containPic" u="slides" style="display: block; cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; overflow: hidden;">
<slider-pic></slider-pic>
</div>
</div>
来自slider-pic指令的HTML:
<div ng-controller="SliderController">
<div ng-repeat="photo in livePhotos">
<img u="image" ng-src="img/full-size/live/{{photo.pic}}" />
<img u="thumb" ng-src="img/thumbnail/live/{{photo.thumb}}" />
</div>
</div>