如何重复uiSlider的标签？

Question

我正在使用rzSlider进行我的调查Page.where as，我的元素是$ scope Array []。现在我想从我的数组中重复标签

（Very Bad，Good，Satisfied，坏，很坏）而不是（0，1，2，3，4，5）我怎么能？

$scope.Rating=['Very Bad','Good','Satisfied','Bad','Very Bad'] 

$scope.slider = { 
        value : 0, 
        options : { 
         floor : 0, 
         ceil : $scope.Rating.length, 
         showTicksValues : true, 
        } 
       }; 

我想获得我的rzSlider的值OnChange。

检查这个小提琴： https://jsfiddle.net/Lnmf26Lu/1/。

希望在我的对话中看到你

Answer 1

使用翻译选项。

var rating = ['Very Good','Good','Satisfied','Bad','Very Bad']; 

    $scope.slider = { 
     value : 2, 
     options : { 
     floor : 0, 
     ceil : rating.length - 1, 
     showTicks: true, 
     showTicksValues : true, 
     translate: function (value) { 
      if (value >= 0 && value < rating.length) { 
      return rating[value]; 
      return ''; 
      } 
     } 
     }; 
    } 

下面是编辑小提琴https://jsfiddle.net/8t2zetkc/1/