ionic1项目中 ion-slide轮播用ng-repeat遍历数据后自动循环功能失效

<ion-slide-box>属性中循环播放:dose-continue=‘true’,但是在项目遇到这样一个问题,从后台获取数据后将数据ng-repeat到<ion-slide>中,发现循环播放失效了,后来在外网中找到了一个解决方法。

$ionicSlideBoxDelegate.update();或者$ionicSlideBoxDelegate.$getByHandle("slideimgs").update();这两个只要其中一个就可以
$ionicSlideBoxDelegate.loop(true);

在你的controller代码中获取数据成功的函数中加入这两句代码,什么意思呢?

第一句是在获取数据之后先让<ion-slide-box>更新一下,第二句是设置循环播放为true。

时间: 2024-10-14 10:58:41

ionic1项目中 ion-slide轮播用ng-repeat遍历数据后自动循环功能失效的相关文章

第二百五十一节,Bootstrap项目实战--响应式轮播图

Bootstrap项目实战--响应式轮播图 学习要点: 1.响应式轮播图 本节课我们要在导航条的下方做一张轮播图,自动播放最新的重要动态. 一.响应式轮播图 响应式轮播图

任正非:向谷歌学习,杀出一条血路(谷歌军团的编制不大,战斗力极强。任何产品都是架构第一。算法团队直接杀入到项目中去,一线既有算法又有数据,就容易突破,抽象的平台一定要有实践东西检验。蓝军不一定是有学历的。我们帮助他们在工作中完成学历教育)

IT之家1月22日消息 日前,华为心声社区公布了任正非在1月9日在杭州研究所业务汇报会上的讲话.在本次讲话中,任正非表示在软件工程能力提升上,我们最缺乏的是对宏观架构有清醒认识的人才.建立公司是一个架构:建立公司的利益体系也是一个架构:任何产品都是架构第一:软件重构一定要从宏观架构入手. 任正非强调,没有谁在限制我们的科研,我们也不要自己约束了自己,要敢于到贴近人才资源的地方进行研究活动,在每个研究所形成自己的技术要素,对行业发展形成牵引.要多和终端.外研所交流. 最后任正非表示,谷歌军团的编制

Android Studio导入GitHub上的项目常见问题(以图片轮播开源项目为实例)

前言:github对开发者而言无疑是个宝藏,但想利用它可不是件简单的事,用Android studio导入开源项目会遇到各种问题,今天我就以github上的一个图片轮播项目为例,解决导入过程中的常见问题. 1.下载项目压缩包 2.由于android studio采用gradle自动构建,而每个项目的gradle版本不一致会导致编译异常,所以要修改开源项目的gradle版本,过程如下 打开自己本地建立工程下的build.gradle文件,将其全部复制. 然后用记事本或其他软件打开开源项目下的bui

cell中加上无限轮播的效果

直接上代码 首先是建立一个继承UIView的文件 @interface GFCarouselView : UIView ///数据源 @property (nonatomic,copy) NSArray *dataArray; .m文件 @implementation GFCarouselView { CGFloat _cellHeight; CGFloat _cellWidth; UIView *_backViewTotal;//控制循环播放 NSTimer *_timer;//定时器 } -

第 20 章 项目实战--响应式轮播图[2]

学习要点: 1.响应式轮播图 主讲教师:李炎恢 本节课我们要在导航条的下方做一张轮播图,自动播放最新的重要动态. 一.响应式轮播图 //响应式轮播图 <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to=&qu

js/jquery中实现图片轮播

一,jquery方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片轮播 jq(左右切换)</title> <style type="text/css">   body,div,ul,li,a,

vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误

在项目中.通过vue-cli 搭建的项目,npm run dev时,以绝对路径引用的相关资源在npm run build 后,页面打开报相关资源404错误: 解决方法如下: 打开build/utils.js,在图中相应位置加入红框内容,其中值可能会有不同,若不同,自己配置成相应的即可. 原文地址:https://www.cnblogs.com/xzma/p/9162584.html

通过layui轮播图展示ajax动态数据的问题

<div class="layui-carousel" id="carouselView"> <div carousel-item="" id="preview"> </div> </div> function initCarousel(){ layui.use(['carousel', 'form'], function(){ var carousel = layui.caro

项目中树形结构的添加与立即删除该数据问题

立即添加是可以的,但是想把刚添加的那条数据删除就不行了.得不到数据的id值: 处理方法:我写了一个sql语句,在添加之后,把数据中最大的id值取出来,添加在节点上,这样就可以保证立即添加的数据,就可以立即删除了. $.ajax({ type: 'POST', url: '/yxt-admin/admin/address/insert', data:{ name:name, pid:treeNode.id, codeValue:$('#code_value').textbox('getValue'