Angular и Metro UI CSS
 

Я в ангуларе и в Metro UI CSS новичек, поэтому не пинайте сильно.
Хотелось скрестить этих двух зверей. ПРоблема образовалась сразу.

Есть такая конструкция в метро:
<div class="tile quadro live" data-role="live-tile" data-effect="slideDown">
<div class="tile-content"><img src="images/user-32.png"></div>
<div class="tile-content"><img src="images/add_user-32.png"></div>
</div>

Она работает классно: отображается плитка, на ней картинка и эта картинка сменяется второй и по кругу. Здорово.

Потом я пытаюсь забацать энное количество плиток ангуларом с сохранением функциональности смены плиток:


<div ng-repeat="adv in advs"> -->
<div class="tile quadro live" data-role="live-tile" data-effect="slideDown">
<div class="tile-content"><img src="advs/4.jpg"></div>
<div class="tile-content"><img src="advs/5.jpg"></div>
</div>
</div>

Энное количество плиток создается, картинка отображается, но не анимируется. Печаль. ТОлько убираем репит - отображается одна плитка со сменой картинок.

Реально осилить? Помогите, ребят. Оба фрейма - чума. Хочу оба сразу.

Я бы подождал, пока разработчики сделают интеграцию https://github.com/olton/Metro-UI-CSS/issues/325