Angular 角度材质滑块-如何始终使用值和自定义显示刻度间隔?
我使用的是Angular Material滑块,它工作得很好,但我找不到任何教程,也不知道如何对滑块进行一些高级自定义,如和上的滑块 有没有人举过如何实现类似功能的例子?或者是否有任何官方的工具Angular 角度材质滑块-如何始终使用值和自定义显示刻度间隔?,angular,angular-material,Angular,Angular Material,我使用的是Angular Material滑块,它工作得很好,但我找不到任何教程,也不知道如何对滑块进行一些高级自定义,如和上的滑块 有没有人举过如何实现类似功能的例子?或者是否有任何官方的工具 感觉有点不舒服,但我用了这样的方法: :host ::ng-deep mat-slider.mat-slider.mat-slider-horizontal .mat-slider-ticks { // make ticks fill full height height: 20px; //
感觉有点不舒服,但我用了这样的方法:
:host ::ng-deep mat-slider.mat-slider.mat-slider-horizontal .mat-slider-ticks {
// make ticks fill full height
height: 20px;
// this will force show the ticks
opacity: 1;
background-size: 10.101% 2px !important;
transform: translateZ(0px) translateX(5.05051%); // I adjusted my slider to be thicker, so the correct values for you here may be different
}
在我的组件的SCSS文件中
或者,您可以删除:host::ng deep
部分,并将样式放入styles.scss
(这可能是更好的做法,因为显然此方法已被/已被弃用:)
这也可能有用:
还不够?是的,谢谢我阅读了该页,但不确定如何自定义间隔栏并始终显示值我不知道您的视频剪辑来自何处,但连续显示勾号标签不是当前材质设计滑块规范的一部分()而且不受Angular Material Slider的支持。lol这里的人都很了不起。这种接待方式很容易赶走新会员。@Roj这是真的。我已经将我所做的粘贴在下面,虽然有点粗糙