AngularJS slider (wrapped jquery-ui slider)

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-2.1.3.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<div class="slider-value">0</div>
<div class="slider"></div>

CSS

.slider {
    width: 200px;
    margin: 10px;    
}

JavaScript

$(function() {
    $('.slider').slider({
        range: false,
        min: 0,
        max: 5,
        step: .1,
        slide: function(event, ui) { 
            $('.slider-value').text(ui.value);
        }
    });
});