问题标签 [mat-slider]

如果我将鼠标悬停在音量图标上，它会添加一个垫子滑块

这会推动整个内容下降，我该如何防止这种情况？

在这个Stackblitz 示例中可重现

所以我有这个项目，我在其中使用了 Mat Slider，我在它的拇指上显示文本值，但是拇指大小对于我的文本来说太小了！我寻找了很多改变拇指大小的方法，但我没有找到任何东西！我在 CSS 方面不是那么好，所以我不能乱用它来尝试让它工作起来！你能帮我么 ？

编辑：

我希望这个词适合拇指

我在弄清楚如何在 Angular 的滑块内制作不同值的捕捉点时遇到了一些麻烦。滑块：

我需要有三个快照点：[33, 45, 90].

文档链接：Angular mat-slider

有没有办法在html中做到这一点？我希望有人能够帮助我。提前致谢！

我有一个在 Mat 表中呈现的滑块列表，最后一个滑块显示总数。如果它被移动并且总数大于 100，我需要将值重置为 0。如果我在滑块元素内释放鼠标，它工作得非常好，但如果我在元素外稍微释放鼠标，值不会重置.

我需要通过引用或 id 访问 matSlider 以设置 mat-table 中的值。但我找不到实现这一目标的方法。

我附上了迄今为止我尝试过的任何代码，以及相同的 stackblitz 链接。任何人都可以帮忙吗？谢谢。

链接到 stackblitz

编辑：在 iOS 12.4.6 上它仍然不起作用，但至少该条不再跳跃，但仍然没有注册值，或者在预设值 20% 处取消静音。在 iOS 13.3.1（我的另一部手机）上，所有描述的问题都会重现

我的 Web 应用程序中有一个垫子滑块来控制在后台运行的视频的音量。

在 iOS (Safari / Chrome) 上，它不尊重我的任何实现，即当用户取消静音视频以跳转到 20% 时（它跳转到 100% 但是值未注册，它仍然听到 20% ）。

如果我尝试滑动到任何值，它会自行跳回 100%。使用 Taps 而不是 Sliding，它会停留在该位置上，但不会记录值（音量保持不变）。

在 Android 设备/桌面上，它可以按我的意愿工作。

包.json

命令行界面

垫滑块的 HTML 代码：

CSS：

在滑块中调用的 TS 代码

我尝试了什么：添加hammerjs但是我读到这个版本的角度不是强制性的，以便mat-slider与手势识别一起工作（它适用于android ..）

将 mat 滑块模块导入放在 BrowserAnimationsModule 和 BrowserModule 之后，也在它们之间或之上，因为我看到这些命令帮助了其他人。

没有任何效果。

谢谢你 。

当我将click事件放在mat-sidenav-content <mat-sidenav-content (click)="isNavBarOpened=false"> 上时，mat-slide-toggle内部不起作用。

这是示例

我在 Angular 中动态创建多个垫子滑块，如下所示：

当任何滑块位置发生更改时，我想触发一个事件，该事件随后调用另一个函数，该函数接收一个数组'sliderValues'，其中包含每个动态创建的垫滑块值。我正在尝试这样做：

这目前不起作用；我无法访问滑块的值。在控制台中，我看到“id”报告正确，但“值”是“未定义”。任何帮助表示赞赏，如果需要，我愿意以完全不同的方式进行操作。

我尝试了什么：

这里零显示中间，轨道填充到零，但我想显示初始零而没有轨道填充，而且当我选择任何负值轨道时，轨道应该从零填充

任何人都可以帮助我如何做到这一点......

假设我更改了此滑块，当我单击刷新按钮时，我需要再次将值调整为零

谁能解释一下怎么做。。

谢谢你....！！！！

我还没有找到任何方法来获得小于 128px 宽的垫子滑块。有没有办法做到这一点？我用过变换：scale(); 作为临时解决方案，但这会产生其他元素的问题。可以在此处找到我正在使用的滑块类型的示例。css 宽度可以增加，但是一旦你把它降低到 128px，它就不能再小了。