Почему не работает галерея slick(и любая другая), при использовании ng-repeat, Angularjs?

Question

[whatislove]

Перепробовал кучу разнообразных галерей, из самых популярных owl и angular-slick
Вопрос в следующем
1.при выводе через html все работает.
Например:

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. при выводе через ng-repeat ничего не работает, картинки выводит но галереи нет

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

Почему так происходит и как решить этот вопрос?

Answer 1

[Mikhail Osher]

Я уверен на 100%, что вы объявляете слайдер через jQuery-way.
stackoverflow.com/questions/14994391/thinking-in-a...

Answer 2

[Андрей]

ну и как минимум заменить src на ng-src

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