在nouislider的工具提示中显示数组中的值

Question

我正在制作一个有角度的5应用程序，并在其中使用nouislider。我正在尝试使用滑块，以便用户可以从数组中选择值。例如：myArray = ['First Option', 'Second option', 'Third', ...]。我把滑块的范围从0到myArray.length-1。所以，0代表'第一'，1代表'第二'，......我需要工具提示来显示'第一'，等等。我试过了：

   ...
   format: {
   to: function ( value ) {
   return this.myArray[value];
   },...

但我刚收到错误：

  

无法读取未定义的属性myArray

当我在noUiSlider.create之前的console.log（myArray）时（滑块，......它显示但是在noUiSlider里面它没有。

Answer 1

在to格式化功能的上下文中，this与您创建滑块的位置不同。您可以将其更改为yourSlider.myArray....以继续使用相同的上下文。