Question

我正在对rzslider使用angularjs，但是我想在三个间隔的中间添加标签（在滑块下面，否则范围很小，它是不可见的）。我本想在价值之间迈出一步，但是这样我只能迈出一步。您是否知道如何进行这样的标记：

0 ----低---- | ------中-------- || ----高---- 100

这是代码：

mycommercewebservices

和HTML：

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

myApp.controller('TestController', TestController);

function TestController() {
  var vm = this;
    vm.likelihood={a:33,b:66}
  vm.priceSlider = {
    options: {
            floor: 0,
        ceil: 100,
      minRange: 1,
      noSwitching : true,
      translate: function(value, sliderId, label) {
        switch (label) {
          case 'model':
            return '<b>A: </b>' + value;
          case 'high':
            return '<b>B: </b>' + value;
          default:
            return value
        }
      },
      showTicksValues: true,
    stepsArray: [
      {value: vm.likelihood.a/2, legend: 'Low'},
      {value: (vm.likelihood.b-vm.likelihood.a)/2+vm.likelihood.a, legend: 'Medium'},
      {value: (100-vm.likelihood.b)/2+vm.likelihood.b, legend: 'High'},

    ]
    }
  }
}

我在jsfiddle上发布： http://jsfiddle.net/w060jrmb/7/

使用rzslider在值之间添加标签

0 个答案: