AngularJS - RZSlider更新stepsArray

时间:2017-08-08 23:06:22

标签: javascript jquery angularjs jquery-ui-slider

我正在尝试编辑刻度线下方显示的rz-slider标签。我能够获取值和所有内容,但如果我尝试将stepsArray更新为rzslider,则不会更新。我无法找到有关如何像这样更新图例值的任何内容。我觉得我需要以某种方式重新初始化或刷新滑块,但https://github.com/angular-slider/angularjs-slider中显示的刷新滑块代码不起作用:

vm.refreshSlider = function () {
    $timeout(function () {
        $scope.$broadcast('rzSliderForceRender');
    });
};

I am trying to update the "Text" to 1-2-3 just to check if it can work

我使用的代码如下。目前,现有的图例包含单词" Text"而我只是想检查一下我是否可以将其更新为数值,只是为了检查它是否有效但它不是:

if(vm.legend != ""){
   var stepCount = $("#stepCount").val();
   vm.priceSlider.options.stepsArray = [];
   for(var i = 1; i <= stepCount; i++){
      vm.priceSlider.options.stepsArray.push({
        value: i,
        legend: i.toString()
      });
    }
    vm.refreshSlider();
  }

我对角度有点新手,这也是我第一次使用rzslider,所以任何帮助都会受到赞赏。谢谢。

0 个答案:

没有答案