AngularJS-Slider Issue Report

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

by Karthik S

HTML

<link rel="stylesheet" href="https://rawgit.com/rzajac/angularjs-slider/master/dist/rzslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="https://rawgit.com/rzajac/angularjs-slider/master/dist/rzslider.js"></script>
<div ng-app="myapp">
  <div ng-controller="TestController as vm">
    <div ng-repeat="item in vm.myApiResponse">
      <h3>
        {{item.featureName}}
      </h3>
      <rzslider rz-slider-model="item.slider.selectedMin" rz-slider-high="item.slider.selectedMax" rz-slider-options="{floor:item.slider.min, ceil:item.slider.max}"></rzslider>
    </div>
    <pre>{{vm.myApiResponse}}</pre>
    <div>
    </div>
  </div>
</div>

JavaScript

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

myApp.controller('TestController', TestController);

function TestController() {
  var vm = this;
  vm.myApiResponse = [{
    "slider": {
      "min": 0,
      "max": 10,
      "selectedMin": 2,
      "selectedMax": 4
    },
    "value": "1",
    "featureName": "Fuel"
  }, {
    "slider": {
      "max": 10,
      "selectedMin": null,
      "selectedMax": 5
    },
    "value": "2",
    "featureName": "Large"
  }];
}