How to do Ion-slide with ion-checkbox from database

ionic-v1
1

hello , i’m trying to do Ion-slide with ion-checkbox from database.
like when i choose couple of items and click submit ,it show them on ion slider after each other
image

<ion-view title="Compare Models" id="page10" class=" ">
<ion-content padding="true" class="has-header" >
<div class="spacer" style="width: 285px; height: 21px;"></div>
<p id="compareModels-markdown4" style="color:#797979;font-size:16px;text-align:center;" class=" ">Select two or more models to compare their specifications.</p>
<form id="compareModels-form3" class="list ">
<label class="item item-input" >
<i class="icon ion-search placeholder-icon"></i>
<input type="search" ng-model="query" class="" placeholder="Search Models..." />
</label>
<ion-list>
<ion-item > 
<ion-checkbox ng-repeat="model in models | filter:query" >{{model.model_number}}</ion-checkbox>
</ion-item>
</ion-list>
<button class= button button-royal button-block ">Compare Selected</button>
</form>
</ion-content>
</ion-view>

.controller('compareModelsCtrl',['$scope','$http', '$state' ,
function($scope, $http, $state,$location) {
    $http.get('js/data.json').success(function(data){
        $scope.models =  data;
        $scope.whichmodel = $state.params.modelId;
        //$scope.toggleStar = function(model){
        //    model.star = !model.star;
        //}
         
            

    });

}])

any idea how that can be done ?

Thanks