(补充)ionic js 指令布局的小技巧
来源:互联网 发布:韩佳人长相分析知乎 编辑:程序博客网 时间:2024/05/15 11:03
<body ng-controller="firstCtrl"><ion-header-bar class="bar-positive"><h1 class="title">ion-infinite-scroll</h1></ion-header-bar><ion-content><ion-infinite-scroll on-infinite="load_more();" icon="ion-load-a" distance="1%" immediate-check="true"><!-- 当immediate-check=“false” 的时候 内容区只加载默认数据 $scope.items = ['1111','22222']; 只有在刷新的时候回加载load_more()函数--><!--当immediate-check=true 的时候 ,内容区如果数据不够的话,会一直调用load_more()函数,一直铺满这个内容区 --></ion-infinite-scroll> <ul class="list"> <li class="item" ng-repeat="item in items">{{item}}</li> </ul></ion-content></body></html><script>angular.module("myApp",["ionic"]).controller("firstCtrl",function($scope,$timeout){$scope.items = ['1111','22222'];var base = 0;$scope.load_more = function(){$timeout(function(){for(var i=0;i<3;i++,base++)$scope.items.push(["item ",base].join(""));$scope.$broadcast("scroll.infiniteScrollComplete");},500);};});</script>
<span style="font-family: Arial, Helvetica, sans-serif;"><script></span>
angular.module("myApp",["ionic"]).controller("firstCtrl",function($scope,$timeout,$ionicScrollDelegate){ $scope.goTop = function(){ $ionicScrollDelegate.scrollTop(true); a = $ionicScrollDelegate.getScrollPosition(); }; $scope.goButtom = function(){ a = $ionicScrollDelegate.getScrollPosition(); $scope.scrollTo(10,a.top) console.log(a); } //控制置顶的效果 var base = 0;$scope.items = [];$scope.load_more = function(){$timeout(function(){for(var i=0;i<3;i++,base++)$scope.items.push(["item", base].join(""));$scope.$broadcast("scroll.infiniteScrollComplete")},500)}})</script>
0 0
- (补充)ionic js 指令布局的小技巧
- (补充)第十三讲 ionic css 布局技巧
- Ionic基础——js指令布局
- Ionic基础——js指令布局
- ionic与Cordova的学习(补充)
- python2.7使用时碰到的小问题、小技巧(边学习,边补充)
- ionic简单的布局
- JS(javascript)的一些小技巧
- js小技巧(自己遇到的一些技巧)
- Js的小技巧/功能
- 常用的JS小技巧
- JS的一些小技巧
- JS的一些小技巧
- 矩阵及一些数学小技巧的学习笔记(不断补充中)
- Python补充02 我的Python小技巧
- css布局的一个小技巧
- Android布局优化的一些小技巧
- 关于布局的一些小技巧
- 针对微软Exchange邮箱系统的取证分析
- Linux Bourne shell/Bash shell的test命令
- lk里的经典c函数
- ExtJs Form 组件
- 什么是CDN?CDN有什么用处?
- (补充)ionic js 指令布局的小技巧
- Android网络编程TCP、UDP(一)
- 华为OJ——合法IP
- 更改JDK默认编码
- 【学习OpenCV】flip函数、镜像操作
- 知道这20个正则表达式 能让你少写1,000行代码
- 如何理解.NET开发中的x86/x64/AnyCPU
- RabbitMQ消息队列一
- php中变量与常量的区别