title: Angular Bootstrap Slider - on stop execute function
body: <p>I have the following code for creating a slider:</p>
  
  <pre><code> &lt;html ng-app="angular-bootstrap-slider-test"&gt;
      &lt;head&gt;
          &lt;title&gt;Angular Bootstrap Slider test&lt;/title&gt;
          &lt;script data-require="angular.js@1.3.0" data-semver="1.3.0" src="//code.angularjs.org/1.3.0/angular.js"&gt;&lt;/script&gt;
          &lt;script data-require="jquery@*" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
         &lt;link href="bootstrap.css" rel="stylesheet" /&gt;
         &lt;link href="bootstrap-slider.css" rel="stylesheet" /&gt;
     &lt;/head&gt;
  
    &lt;body ng-controller="TestCtrl"&gt;
         &lt;div class="col-md-2 col-md-offset-2"&gt;
            &lt;slider on-stop-slide="executeMe();" ng-model="sliders.sliderValue" min="{{testOptions.min}}" step="{{testOptions.step}}" max="{{testOptions.max}}"&gt;&lt;/slider&gt;
           {{myFormater(sliders.sliderValue)}}
         &lt;/div&gt;
  
  &lt;script type="text/javascript" src="bootstrap-slider.js"&gt;&lt;/script&gt;
  &lt;!-- angular-slider include --&gt;
  &lt;script type="text/javascript" src="slider.js"&gt;&lt;/script&gt;
  &lt;!-- test file include --&gt;
  &lt;script src="app.js"&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>
  
  <pre><code>angular.module('angular-bootstrap-slider-test', ['ui.bootstrap-slider'])
  .controller('TestCtrl', ['$scope', function($scope) {
  
      $scope.sliders = {};
      $scope.sliders.sliderValue = 50;
  
      $scope.testOptions = {
          min: 0,
          max: 100,
          step: 1,
      };
  
  
  
      $scope.sliders.thirdSliderValue = 0;
      $scope.myFormater = function(value) {
          return value + "%";
      }
  
      $scope.executeMe = function() {
         console.log('done');
      }
  }]);
  </code></pre>
  
  <p>What i'm trying to do with no success is to execute a function when the user finishis to to move the slider</p>
  
  <p>here is the code on plunker:</p>
  
  <p><a href="http://plnkr.co/edit/iULltHh0fRAbvuoFu84t?p=preview" rel="nofollow">http://plnkr.co/edit/iULltHh0fRAbvuoFu84t?p=preview</a></p>
  
  <p>Thanks allot</p>
  
  <p>Avi</p>