ng-repeat不能正常轮播问题

用ng+swiperjs写了一个轮播图，倒腾了一上午也轮播也没有实现，总是出现一张图片。查了好久资料才找到答案，故记录一下。

一：html中自定义的组件：

html中

二：directives中写的轮播图初始化配置

写在directives里面的好处是组件使用人不需要修改这个代码

问题就出现在这里：产生这种现象的原因，主要是由于angular 加载dom的顺序不一样，在轮播开始的时候，ng-repeat还没开始，所以轮播读取不到数据就没效果了。

解决办法：这种时候需要在控制器中先监听你ng-repeat里的数据，等到ng-repeat数据加载完成后再进行轮播的初始化就可以了，也就是上面的监听事件。

三：controller里面设置数据

controller

四：组件的html repeat

组件里面的html

这样，问题就解决了。