有带有角材料的三态切换滑块吗?

J4N*_*J4N 5 html css angular-material angular

我需要有三个状态滑块:

关闭:X--o--o

未知: o--X--o

上: o--o--X

在此输入图像描述

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

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

Fli*_*ats 1

Atoggle应该只有两种状态,因此您可能需要返回设计并重新考虑控件以更好地适应用例。

但是,您可以通过以下方式实现此目的slider

链接: https: //material.angular.io/components/slider/examples

step将设为 ,50以便您有 (3) 个选项 - 0、50、100,然后您可以根据需要继续。

  • 我不太同意你的观点。谁决定切换只有两种状态?它就像复选框一样,可以有 3 种状态。我确实需要获得关于可能值的视觉反馈,并且当我单击它时,我需要能够在 3 种状态之间循环。我不确定滑块是否适合这个 (2认同)