Why doesn't gallery (Slick) work with ng-repeat on Angularjs?

Question

Angular

1. I use slick-angularjs gallery ( vasyabigi.github.io/angular-slick/).
There is no jQuery!
2. Slider works fine like this:

<slick>
           <div>
                     <img src="{{bikes.gallery[0]}}" alt="">
          </div>
           <div>
                     <img src="{{bikes.gallery[1]}}" alt="">
          </div>
           <div>
                       <img src="{{bikes.gallery[2]}}" alt="">
          </div>
    </slick>

3. And it doesn't work like this: (i.e. the pictures themselves are displayed, but the plugin breaks completely)
No errors in the console.

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

4. I suspect that this is somehow related to the scope, but I can’t figure out what and how.
Help solve the problem!!!
Thank you all in advance!!!

Answer 1

Add attribute to slick Like
this <slick init-onload="true", data="bikes"></slick>
Try it and unsubscribe.

Answer 2

There is no jQuery!
It's strange that in the documentation for Slick it is listed in the plug-ins ...
In general, judging by github Slick, the problem is known
Here is one of the solutions .... stackoverflow.com/questions/31108573/angular-slick...
Here are some https://github .com/vasyabigi/angular-slick/issues/105
Apparently, the pictures just don't have time to load and ng-repiat work, and the directive is already doing its dirty work...

Answer 3

Since when did it suddenly become equivalent?
and

<div ng-repeat="bikes in bike.gallery">
<img ng-src="{{ bikes }}" alt="">
</div>

It should be something like this:

<div ng-repeat="bike in bikes.gallery">
<img ng-src="{{ bike }}" alt="">
</div>

*Head-holding emoji here*