<div ng-app="MyApp">
<div ng-controller="AppCtrl">
<div id="ng-slider"></div>
<p>The slider's value is: </p>
</div>
</div>
#wrapper {
padding: 6px 12px;
}
var app = angular.module('MyApp', []);
app.controller('AppCtrl', ['$scope', function($scope) {
$scope.sliderValue = 0;
// This slider WILL work
$('#ng-slider').slider({
slide: function(event, ui) {
// Tell Angular you're updating a value
$scope.apply(function() {
$scope.sliderValue = ui.value;
});
}
});
}]);