有带角材料的三态切换滑块吗？答案

【问题标题】：Have a three state toggle slider with angular-material?有带角材料的三态切换滑块吗？
【发布时间】：2023-03-22 11:05:01
【问题描述】：

我需要三个状态滑块：

关闭:X--o--o

未知： o--X--o

开启： o--o--X

但我认为 angular-material 的默认滑动切换不支持它：https://material.angular.io/components/slide-toggle/overview

有没有办法扩展这个控件的功能？或者如果没有，我应该怎么做才能将其用作起点？

【问题讨论】：

【解决方案1】：

toggle 应该只有两种状态，因此您可能想重新设计并重新考虑控件以更好地适应用例。

但是，您可以通过slider 实现此目的

将 step 设置为 50，这样您就有 (3) 个选项 - 0、50、100，然后您可以根据需要继续操作。

【讨论】：

我不太同意你的看法。谁决定切换开关只有两种状态？就像复选框，它可以有 3 种状态。我真的需要对可能的值有什么视觉反馈，当我点击它时，我需要能够在 3 个状态之间循环。我不确定滑块是否适合这个
Google 决定：代表一个可以在打开和关闭之间移动的可滑动“开关”切换。它没有像复选框那样的第三种状态。滑动切换的行为类似于复选框，但它不支持像这样的不确定状态
好的，所以你说的是角度材料切换，而不是一般的切换。我可以同意。无论如何，我不确定如何更改现有（滑块）组件的外观和感觉（使其看起来像一个切换），你有一些关于如何覆盖它的示例吗？我需要提供一些线索，表明存在 3 种状态，并且有一种机制可以在点击时迭代 3 种可能的状态。