Vertically scroll-able lists/contents in ion-slidebox

<ion-nav-buttons side="left">
    <button class="button button-icon button-clear ion-navicon" ng-click="showMenu()">
<ion-nav-buttons side="right">

    <select class="ion-input-select " ng-model="location" 
            ng-options=" for loc in options" ng-change="change(location)" ></select>


<ion-content > 
    <ion-refresher on-refresh="doRefresh()"
                 pulling-text="Pull to refresh..."
        does-continue="true" scroll="true" 

        <ion-slide  class="item-icon-left item-icon-right" ng-repeat="slide in slides" >
            <i class="icon ion-chevron-left" ng-click="previous()"   ></i>
            <div  id="logo" >
                <a href="#/tab/offers/{{}}" >
                <img class="full-image" ng-src="{{slide.image}}" >
            <i class="icon ion-chevron-right" ng-click="next()" ></i>

    <div class="list ">
        <a ng-repeat="list in lists" class="item item-avatar-left item-icon-right" href="#/tab/offers/{{}}">
            <img  ng-src="{{list.image}}">
            <div class="row">
                <div class="col-66">
                <span class=" item-note">
                    <i class="icon ion-chevron-right"></i>

Have you seen this demo?

but those next and previous buttons are in nav-bar i need it on slidebox

like this pattern i need in ma code actually i added arrows but those arrows moving along with image what i need to do tel me??

Try this.

it works thanks but slide-pager not updating corectly ?? if i add dynamically on change my location it adds extra slides

any idea if i change the dropdown list i need to fill fresh new slides for same page again if i change the list must change all sildes freshlly here i did that all those thingd but i got an bug in tat slide-pager dots shows more than exact slides if i have 2 slides i got 4 dots wat i need to do??

You need to update the slide-box as you remove/add slides.$ionicSlideBoxDelegate/

try this one change the selection randomly u will know

see this codepen how it will add dots

@mhartington In my case, there are 2 slides and each slide has bar header buttons. So where should I place bar header, if I place ion-content inside slide?