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;

            }

            

        },

        

        

    }

})

posted @ 2017-08-17 16:46  alan-alan  阅读(237)  评论(0编辑  收藏  举报