如何让JSSOR在AngularJS中使用ng-repeats?

时间:2015-07-02 04:18:12

标签: angularjs angularjs-directive angularjs-ng-repeat ng-repeat jssor

我对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>

0 个答案:

没有答案