angular-bootstrap-slider将值作为字符串

使用基于bootstrap-slider的 angular- bootstrap-slider 。

我正在尝试按名称（字符串）获取颜色的值，基于我之前的问题，例如Here ，其中有一个很好的可用选项示例。

假设我有两种颜色选项，红色和蓝色，用户选择一个，我想将其保存为“蓝色”。

我在Plunker上创建了一个工作示例 ，并添加了下面的代码

如果我使用数字对象，我设法获得的是刻度值。

脚本：

$scope.colorTypes = [0,1]; $scope.colorLabels = ['Red','Blue']; $scope.colorTypeSlider = { ticks: $scope.colorTypes, ticks_labels: $scope.colorLabels, ticks_snap_bounds: 50 }; $scope.colorTypeVal = ''; 

HTML：

   
 value check is: {{colorTypeVal}}  

Answer 1

我得到了你想要在这个plunker工作的东西 ，但滑块肯定有一些奇怪的行为。 我只能通过使用指令中的onStartSlide属性来触发回调来选择颜色。

由于某种原因，我无法将$scope.colors数组（对象）传递给函数，它只使用了一个字符串数组。 无论如何，这是我使用的function：

 $scope.selectColor = function ($event,value,collection) { console.log('value is ' + value); $scope.selectedColor = collection[value]; }; 

我传入$scope.colorTypeSlider.ticks_labels作为集合。

希望这可以帮助你……