On-slide-changed doesn't work


#1

I cannot get on-slide-changed to work in my controller, no error at all, slide works fine too.

 .controller('TourSlideCtrl', function($scope) {
    $scope.slideHasChanged = function(index) {
	alert('11')
console.log(".77")
     $scope.slideIndex = index;
   };
 })

 <div ng-controller="TourSlideCtrl">
<div class="backdrop"></div>
<ion-slide-box on-slide-changed="slideHasChanged($index)" style="z-index:99;">
  <ion-slide>
    <h3>Thank you for choosing the Awesome App!</h3>
    <div id="logo">
      <img src="http://code.ionicframework.com/assets/img/app_icon.png">
    </div>
    <p>
      We've worked super hard to make you happy.
    </p>
    <p>
      But if you are angry, too bad.
    </p>
  </ion-slide>
  <ion-slide>
    <h3>Using Awesome</h3>
    
    <div id="list">
      <h5>Just three steps:</h5>
      <ol>
        <li>Be awesome</li>
        <li>Stay awesome</li>
        <li>There is no step 3</li>
      </ol>
    </div>
  </ion-slide>
  <ion-slide>
    <h3>Any questions?</h3>
    <p>
      Too bad!
    </p>
  </ion-slide>
</ion-slide-box>