Question

我使用rzSlider作为我的调查页面。我在$ scope Array []中有我的元素。现在我想重复我阵列中的标签

（非常糟糕，良好，满意，糟糕，非常糟糕）而不是（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/

如何重复uiSlider的标签？

1 个答案: