Why doesn't the slick gallery (and any other) work when using ng-repeat, Angularjs?

Question

Angular

I tried a bunch of different galleries, from the most popular owl and angular-slick The
question is the following
1. when outputting via html, everything works.
For example:

slick id = "slide">
  <div><img src="{{bike.gallery[1]}}" alt=""></div>
  <div><img src="{{bike.gallery[2]}}" alt=""></div>
  <div><img src="{{bike.gallery[3]}}" alt=""></div>
</slick>

2. when outputting through ng-repeat, nothing works, it displays pictures but there is no gallery

<slick>
    <div ng-repeat="bike_one in bike.gallery" >
           <img src="{{ bike_one}}" alt="" class="img-responsive">
    </div>
</slick>

Why is this happening and how to solve this issue?

Answer 1

I am 100% sure that you are declaring the slider via the jQuery way.
stackoverflow.com/questions/14994391/thinking-in-a...

Answer 2

well, at least replace src with ng-src

<img ng-src="{{ bike_one}}" alt="" class="img-responsive">