Angular-1.1.0. 高级界面组件(显示更多)
1.1.0. 高级界面组件(显示更多)
功能 |
代码参考 |
VM |
<div ng-if="!reOver" ng-click="ticMore('More')"></div> <div ng-if="tkmore && isOver" ng-click="ticMore('More')"> <div class="tricon">更多</div> </div> <div ng-if="!tkmore" ng-click="ticMore('PackUp')"> <div class="tricon">收起</div> </div> |
M |
$scope.tkmore= false; $scope.tkOver= false; $scope.tcMore = function(type){ switch(type){ case'loadlist': $scope.ticketlist = $scope.more(data.ticketlist,"loadlist"); if($scope.by.length>3){$scope.tkOver= true;} $scope.tkmore= true;
break; case'PackUp': $scope.ticketlist = $scope.more(data.ticketlist,"PackUp"); $scope.tkmore= false; break; case'More': $scope.ticketlist = $scope.more(data.ticketlist,"More"); $scope.tkmore= true; break;
} } $scope.tcMore('loadlist'); |
factory |
.factory('commonfn',function($state,$ionicHistory,$ionicScrollDelegate, $cordovaToast,$rootScope,$ionicPopup){ // commonfn.init($scope) return{ init: function($scope){
// 下拉显示 $scope.more = function(arrList,type,flag,num){ var num =(num)?num:3; var arr =[]; switch(type){ case'loadlist': arr = arrList.slice(0,num); flag = !flag; break; case'PackUp': arr = arrList.slice(0,num); flag = !flag; $ionicScrollDelegate.resize(); break; case'More': arr = arrList; flag = !flag; $ionicScrollDelegate.resize(); break; default: break;
} return arr; }
},
} }) |