AngularJS-Slider Issue Report

Fork this Fiddle to show an issue and report it here: https://github.com/rzajac/angularjs-slider/issues

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angularjs-slider/2.13.0/rzslider.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angularjs-slider/2.13.0/rzslider.min.js
"></script>
<div ng-app="myapp">
    <div ng-controller="TestController as vm">
        <p>Price: {{vm.priceSlider.value}}</p>
        <rzslider rz-slider-model="vm.slider.value" rz-slider-options="vm.slider.options"></rzslider>
    </div>
</div>

JavaScript

var myApp = angular.module('myapp', ['rzModule']);

myApp.controller('TestController', TestController);

function TestController() {
var vm = this;
         vm.slider = {
          value: 4,
          options: {
            showTicksValues: true,
            bindIndexForStepsArray: true,
            stepsArray: [
              {value: 1, legend: 'Малая'},
              {value: 2, legend: 'Средняя'},
              {value: 3, legend: 'Большая'},
              {value: 4, legend: 'Тотальная'}
            ]
          }
        };

}