2016-10-05 3 views
0

angularjs-slider에는 쉼표가없는 값이 표시되어야하며 최소 최대 값에만 쉼표 값이 표시되어야합니다. 예 : 6.5, 7, 8, ..., 31, 31.5]angularjs-slider 쉼표가없는 값

는 I는

값은 [6.5, 7.5, 8.5 ... 31.5]

있다
$scope.slider = { 
    value: 31.5, 
    options: { 
    floor: 6.5, 
    ceil: 31.5, 
    step: 1, 
    precision: 1 
    } 
}; 

설정하면

어떻게 설정합니까?

답변

0

발견 : 나는 선택하고 싶은 값으로 stepsArray 옵션을 설정해야합니다.

예 :

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

myApp.controller('TestController', TestController); 

function TestController() { 
    var vm = this; 

    vm.priceSlider = { 
     value: 31.5, 
     options: { 
      floor: 6.5, 
      ceil: 31.5, 
      step: 1, 
      precision: 1, 
      stepsArray: [6.5, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 31.5] 
     } 
    } 
} 

피들러 : http://jsfiddle.net/w3ve98eL/1/