angular - NoUiSlider - 如何自定义我的 pips 标签以具有字符串值？

Question

我希望我的刻度标签具有值 ["abc","pqr","xyz"] 而不是 [1,2,3]。我尝试使用格式选项，但它有助于格式化数值。我们无法将标签完全格式化为字母字符串。

Answer 1

“格式”选项是必经之路。您可以提供将 slider 值转换为字符串的函数。

供引用:documentation on tooltips .

format: {
    to: function(value) {
            // Math.round and -1, so 1.00 => 0, 2.00 => 2, etc.
            return ["abc","pqr","xyz"][Math.round(value) - 1];
    },
    from: Number
}