$ionicSlideBoxDelegate not working in mobile


I am developing a new application in which i need to have control on slides to be displayed along with tabs. I have achieved it in following way. It is working fine in browser but as soon as i executes the mobile app with this code is does not give me same result as it is in browser. The $ionicSlideBoxDelegate.slide(ind) does not works in mobile app.

<script src="lib/ionic/js/ionic.bundle.js"></script>

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<script src="js/ng-cordova.min.js"></script>
<script src="js/stub_config.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
 <!-- Include Tab JS And CSS -->
<link href="css/style.css" rel="stylesheet">

<script type="text/javascript">
document.addEventListener('deviceready', function onDeviceReady() 
    //alert('Device Ready');
    angular.bootstrap(document, ['starter']);
}, false);
Tab 1 Tab 2 Tab 3 Tab 4 Tab 5 Tab 6
                        <ion-slide-box on-slide-changed="slideHasChanged($index)" show-pager="false" >
                            <ion-slide ng-if="tf1">
                                    <div class="box blue"><h1>Tab 1</h1></div>
                            <ion-slide ng-if="tf2">
                                    <div class="box yellow"><h1>Tab 2</h1></div>
                            <ion-slide ng-if="tf3">
                                    <div class="box pink"><h1>Tab 3</h1></div>
                            </ion-slide >
                            <ion-slide ng-if="tf4">
                                    <div class="box blue"><h1> Tab 4</h1></div>
                            <ion-slide ng-if="tf5">
                                    <div class="box yellow"><h1>Tab 5</h1></div>
                            <ion-slide ng-if="tf6">
                                    <div class="box pink"><h1>Tab 6</h1></div>

and my JS file looks as bellow

var slindex;

angular.module(‘starter.controllers’, [])

.controller(‘AppCtrl’, function( $scope, $state)
$scope.$on(‘updateUser’, function()
$scope.uEmail = uEmail;
$scope.logInOutTitle =logInOutTitle;

    $scope.loginoutClick = function()
         window.localStorage.setItem("username", null);
         window.localStorage.setItem("password", null);
         window.localStorage.setItem("email", null);


.controller(‘tabbedCtrl’, function( $scope, $state,$ionicSlideBoxDelegate)



 $scope.$on('updateSlide', function() 
                 $scope.slind = slindex;

 $scope.changeSlide = function(ind)
     console.log('Here ' + $ionicSlideBoxDelegate + " , " + ind) 


$scope.slideHasChanged = function(data)
    alert(data)    ;