如何向 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 支持标签(或他们所说的“标记”)的软件。
我看过的其他图书馆不支持这个:
- https://material.angular.io/components/slider/overview
- https://clarity.design/documentation/range#examples
- https://www.primefaces.org/primeng/showcase/#/slider
- https://ng-bootstrap.github.io/#/components
- https://edcarroll.github.io/ng2-semantic-ui/#/getting-started
- https://valor-software.com/ngx-bootstrap/#/documentation
我希望用户能够看到滑块的原始值作为参考点,因为他们 select 一个新值。
所以我想像这样添加一个额外的拇指标签 (351):
我知道 documentation 中的 mat-slider 不支持此功能,但我想知道是否有一种 hacky 方法可以做到这一点。我是 angular material 的新手,在 css 方面不是很厉害。
或者可能有其他组件 libraries/alternative 实现会支持这个?
我不知道如何update/hackangular material做到这一点。
但我确实找到了一个 slider implementation from NG-Zorro 支持标签(或他们所说的“标记”)的软件。
我看过的其他图书馆不支持这个:
- https://material.angular.io/components/slider/overview
- https://clarity.design/documentation/range#examples
- https://www.primefaces.org/primeng/showcase/#/slider
- https://ng-bootstrap.github.io/#/components
- https://edcarroll.github.io/ng2-semantic-ui/#/getting-started
- https://valor-software.com/ngx-bootstrap/#/documentation