Angularjs 其他人在角度和范围滑块方面有问题吗?

Angularjs 其他人在角度和范围滑块方面有问题吗?,angularjs,rangeslider,Angularjs,Rangeslider,似乎是一个不可能的任务,以找到一个范围滑块,以及与ng重复,可以垂直显示。有人知道下一步该做什么吗 我正在尝试拍摄一张照片,你可以在一天中的每一个小时手动控制一个标志的亮度。当前的想法是将24个垂直范围滑块堆叠在一起,每个滑块控制该小时的亮度,第25个滑块是一个主控件,可以同时调整所有其他24个滑块 我最接近的是angular Range Slider,但当它与ng repeat一起使用时,它被证明是令人难以置信的小车。我想我可以手动写出全部25个,但我不想 另一个想法是使用jqPlot,因为您

似乎是一个不可能的任务,以找到一个范围滑块,以及与ng重复,可以垂直显示。有人知道下一步该做什么吗

我正在尝试拍摄一张照片,你可以在一天中的每一个小时手动控制一个标志的亮度。当前的想法是将24个垂直范围滑块堆叠在一起,每个滑块控制该小时的亮度,第25个滑块是一个主控件,可以同时调整所有其他24个滑块

我最接近的是angular Range Slider,但当它与ng repeat一起使用时,它被证明是令人难以置信的小车。我想我可以手动写出全部25个,但我不想


另一个想法是使用jqPlot,因为您可以拖动数据点。(这似乎是唯一一个可以拖动数据点的图表库(如果我错了,请纠正我))

HTML5范围输入如何

HTML:

适用于角度绑定

.

我举了一个例子说明我将如何使用它

我创建了一个空对象数组

$scope.sliders = [];
for(var i=0; i<5; i++){
  $scope.sliders.push({});
}

希望能有所帮助

如果它们都不起作用,你认为问题可能是它们的共同点吗?(换句话说,可能是实施问题?)
input[type=range][orient=vertical] {
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* Webkit */
    width: 20px;
    height: 200px;
}
$scope.sliders = [];
for(var i=0; i<5; i++){
  $scope.sliders.push({});
}
<span ng-repeat="slider in sliders track by $index">
    <input ng-init="slider.value = 0" type="range" ng-model="slider.value">
    {{slider.value}}
  </span>
input {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    width:70px;
    height:100px;
}