用ng+swiperjs写了一个轮播图，倒腾了一上午也轮播也没有实现，总是出现一张图片。查了好久资料才找到答案，故记录一下。
一：html中自定义的组件：
html中
二：directives中写的轮播图初始化配置
写在directives里面的好处是组件使用人不需要修改这个代码
问题就出现在这里：产生这种现象的原因，主要是由于angular 加载dom的顺序不一样，在轮播开始的时候，ng-repeat还没开始，所以轮播读取不到数据就没效果了。
解决办法：这种时候需要在控制器中先监听你ng-repeat里的数据，等到ng-repeat数据加载完成后再进行轮播的初始化就可以了，也就是上面的监听事件。
三：controller里面设置数据
controller
四：组件的html repeat
组件里面的html
这样，问题就解决了。
用ng+swiperjs写了一个轮播图，倒腾了一上午也轮播也没有实现，总是出现一张图片。查了好久资料才找到答案，故...
ionic+swiper实现自动轮播在实现自动轮播的时候，请求回来的图片数据不能正常轮播，在每次轮播的时候总是会跳...
在官网上参照的例子，但是我在angular和vue项目中都遇到了图片加载完成，轮播却不能正常滑动的问题，这是因为s...
Vue项目中添加轮播效果，使用swiper后，分页器无法正常显示，但轮播效果和前进后退箭头以及滚动栏都是正常显示的...
调用轮播图时，每一层都有加同样的border-radius，并设置overflow：hidden；电脑上和安卓手机...
在网络请求的时候，我们会需要加loading，这里说一下MBProgressHUD不能正常隐藏的问题： 显示出HU...
废话 图片轮播这是一个常见的不能在常见的效果了；对于这类老生常谈的问题，其实有现成的解决方案和思路。 不要求轮播（...
AngularJS 使用基础知识 第一 迭代输出之ng-repeat标签 ng-repeat让table ul o...
轮播图 写轮播图之前我们要认识到几个问题：一、什么是轮播图？二、怎么实现轮播效果？三、轮播图还有什么小功能可以实现...
AngularJS 最常用的八种功能 第一 迭代输出之ng-repeat标签 ng-repeat让table ul...
本文标题：ng-repeat不能正常轮播问题
本文链接：https://www.haomeiwen.com/subject/lusvzttx.html
网友评论