How can I allow JSSOR to use ng-repeats in AngularJS? -
i'm pretty new angular game, , have been trying integrate jssor slider webpage utilize angularjs's ng-repeat feature using custom directive. far, have tested in devtools , cannot find errors in console when load page slider on it, , paused loaded make sure of images loading in ng-repeat have hoped, jssor displays first picture in strange position compared should , doesn't have animation. know app, directives, , controllers doing they're supposed to, i'm guessing it's in how jssor finds div img's in it display that's tripping up. suggestions?
html within jssor slideshow:
<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>
html slider-pic directive:
<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>
Comments
Post a Comment