如何向 angular material 滑块(mat-slider)添加额外的静态拇指标签?

How to add an extra, static thumb label to an angular material slider (mat-slider)?

我希望用户能够看到滑块的原始值作为参考点,因为他们 select 一个新值。

所以我想像这样添加一个额外的拇指标签 (351):

我知道 documentation 中的 mat-slider 不支持此功能,但我想知道是否有一种 hacky 方法可以做到这一点。我是 angular material 的新手,在 css 方面不是很厉害。

或者可能有其他组件 libraries/alternative 实现会支持这个?

我不知道如何update/hackangular material做到这一点。

但我确实找到了一个 slider implementation from NG-Zorro 支持标签(或他们所说的“标记”)的软件。

我看过的其他图书馆支持这个: