问题标签 [mat-slider]

我想要实现的是根据滑块值不同的背景颜色。

滑块看起来像这样：

我正在改变的元素是这样的：

主要问题是如何实现颜色之间的平滑过渡？CSS 现在看起来像这样：

我希望用户在选择新值时能够将滑块的原始值视为参考点。

所以我想像这样添加一个额外的拇指标签（351）：

我知道文档中的 mat-slider 不支持这一点，但我想知道是否有一种 hacky 方法可以做到这一点。我是角度材料的新手，并且在 css 方面不是超级强。

或者也许还有其他支持这个的组件库/替代实现？

我创建了一个具有文本类型输入的表单和一个垫滑块来获取数值

我希望 mat-slider 与表单的其余部分一起工作，并且如果无法知道使用哪种方法来使用它。

我看到 formControlName 不起作用

只有当我将鼠标悬停在它上面或选择它时才会出现刻度。下面是代码：

<mat-slider class="width" [disabled]="false" [max]="max" [min]="min" [step]="step" [tickInterval]="tickInterval" [(ngModel)]= "值" (更改)="updatedInterval()">

我有这个DEMO项目

Title 当我检查另一个 mat-slide-togglePublished date和相反时，你能问我如何取消选中 mat-slide-toggle吗？

我正在开展一个项目，旨在显示世界各地特定年份的识字率。目前，我们的数据范围从 1475 年到 2015 年。但是，并非每一年都有数据。实际上只有 10-12 年持有一些数据。因此，我不希望用户必须在每一年之间拖动和搜索保存数据的年份。

我不确定如何使垫子滑块只选择某些年份。这是我目前用于垫子滑块的代码：

所以基本上我只想currentYear成为某些值，例如 1475、1677、1948 等...

提前致谢！

我的项目中有一个包含一些文本和条件垫滑块的组件。

当 mat-slider 隐藏时，我的文本如下所示：

当它可见时，我的文字如下所示：

我的代码：

颜色代码没有改变，我已经寻找任何 css 覆盖，但我找不到任何东西。但是，如上所示，颜色会发生变化。为什么会这样？

我最近升级到 Angular 12 并安装了 Angular Material Experimental 以试用新的垫子滑块。我实际上想要一个范围滑块，它在当前的 Angular Material 包中不可用，我更愿意留在 Angular Material 生态系统中。

从下面的讨论中，我决定在材料实验https://github.com/angular/components/issues/1331中尝试新的 mat-slider

代码：

模块：

import { MatSliderModule } from '@angular/material-experimental/mdc-slider'; 与适当的进口等

HTML： <mat-slider discrete markers thumbLabel [min]="0" [max]="100" [step]="5" values="[10,20]"></mat-slider>

GUI：我得到以下视觉效果 - 只是滑块 img的后栏

错误：和控制台错误：

正常的 Angular Material 垫滑块不是开始工作的问题。

有什么明显的东西我错过了_getHostElement错误吗？也许要导入另一个模块？我似乎在实验中找不到与 Mat-Slider 的此错误相关的任何内容。

如何在 mat-slide-toggle 上放置文本，例如当它为 true 时我想将其显示为已分配，而当 false 未分配时

如何在页面加载时显示滚动值？当您滚动时，您可以看到该值，但我需要一次显示间隔中的所有值。

谢谢，