微客导航 » 文章资讯 » 使用ionic播放轮询广告的实现方法(必看)

使用ionic播放轮询广告的实现方法(必看)

2024-02-25 04:48:06 157

使用ionic中的ion-slide-box实现，下面是完整的代码示例：





ionic-demo




div.box{
width:100%;
height:320px;
}
div.box>img{
width:100%;
height:100%;
}

varapp=angular.module('app',['ionic']); app.controller('ctrl',function($scope,$ionicSlideBoxDelegate,$state){ //为了验证属性active-slide定义的模型，angularjs是mvc模式 $scope.model={ activeIndex:1 }; //此事件对应的是pager-click属性，当显示图片是有对应数量的小圆点，这是小圆点的点击事件 $scope.pageClick=function(index){ $scope.model.activeIndex=2; }; //当图片切换后，触发此事件 $scope.slideHasChanged=function($index){ }; //这是属性delegate-handle的验证使用的，其实没必要重定义，直接使用$ionicSlideBoxDelegate就可以 $scope.delegateHandle=$ionicSlideBoxDelegate; })

以上这篇使用ionic播放轮询广告的实现方法(必看)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

使用ionic播放轮询广告的实现方法(必看)

热门推荐

随机推荐