Lazy loading images with binding

[rodrigoreis22]

How can I use the lazy loading feature (adding the data-lazy attribute) with a binding:

<slick lazy-load='ondemand' slides-to-show=3 slides-to-scroll=1 class="slider lazy">
    <div ng-repeat="video in popularVideos"><div class="image"><img data-lazy="{{video.thumbnails.regular200x110.url}}"/></div></div>
</slick>

The above code doesn't work.

[rodrigoreis22]

Got it.. I forgot the data attribute:

<slick lazy-load='ondemand' slides-to-show=5 slides-to-scroll=3 slides-to-scroll=1 init-onload=true data="popularVideos" class="slider lazy">
    <div ng-repeat="video in popularVideos"><div class="image"><img data-lazy="{{video.thumbnails.regular200x110.url}}"/></div></div>
</slick>