Slide box is not responding when it is used in the tab view

ionic-v1
1

i am trying to change the slide by using tabs as prev-tab for prev slide and next-tab for slide(just because of good look). Also the on-slide-change event is there and working fine but when i call $ionicSlideBoxDelegate.next() from tab controller it is not responding, and also i found that slide-interval or auto-play are NOT working.

<ion-view view-title="Page 1">
<ion-content class="padding">
    <ion-slide-box on-slide-changed="slideHasChanged($index)" slide-interval="200" does-continue="true">
        <ion-slide>
            <div class="box blue">
                <h1>BLUE</h1>
            </div>
            <div class="list card">

                <div class="item">

                    <h2>Kimiya Saadat</h2>
                    <p>Chapter 1</p>
                </div>
                <ion-scroll has-bouncing="true" locking="true" zooming="true" direction="xy" style="width: 100%; height: 100%">
                    <div class="item item-image">
                        <img src="img/nature.png" style="width: 100%; height: 100%">
                    </div>
                </ion-scroll>


                <a class="item item-icon-left assertive" href="#">
                    <i class="icon ion-music-note"></i> Start listening
                </a>

            </div>
        </ion-slide>
        <ion-slide>
            <div class="box blue">
                <h1>Green</h1>
            </div>
            <div class="list card">

                <div class="item">

                    <h2>Kimiya Saadat</h2>
                    <p>Chapter 1</p>
                </div>
                <ion-scroll has-bouncing="true" locking="true" zooming="false" direction="xy" style="width: 100%; height: 100%">
                    <div class="item item-image">
                        <img src="img/nature.png" style="width: 100%; height: 100%">
                    </div>
                </ion-scroll>


                <a class="item item-icon-left assertive" href="#">
                    <i class="icon ion-music-note"></i> Start listening
                </a>

            </div>
        </ion-slide>
    </ion-slide-box>
</ion-content>

.controller('NextCtrl', function ($scope, $ionicTabsDelegate,$ionicSlideBoxDelegate) {
var delay = 100; //1 seconds
setTimeout(function () {
    $ionicTabsDelegate.select(2); $ionicSlideBoxDelegate.next();
    //your code to be executed after 1 seconds
}, delay);})

NextCtrl is called when next-tab is activated.

Any good implementation could be done in this project for me ???
Thanks in advance !!!