【问题标题】: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

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

【问题讨论】:

标签: html css angular angular-material


【解决方案1】:

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

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

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

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

【讨论】:

  • 我不太同意你的看法。谁决定切换开关只有两种状态?就像复选框,它可以有 3 种状态。我真的需要对可能的值有什么视觉反馈,当我点击它时,我需要能够在 3 个状态之间循环。我不确定滑块是否适合这个
  • Google 决定:代表一个可以在打开和关闭之间移动的可滑动“开关”切换。它没有像复选框那样的第三种状态。滑动切换的行为类似于复选框,但它不支持像 这样的不确定状态
  • 好的,所以你说的是角度材料切换,而不是一般的切换。我可以同意。无论如何,我不确定如何更改现有(滑块)组件的外观和感觉(使其看起来像一个切换),你有一些关于如何覆盖它的示例吗?我需要提供一些线索,表明存在 3 种状态,并且有一种机制可以在点击时迭代 3 种可能的状态。
猜你喜欢
  • 2020-02-18
  • 1970-01-01
  • 2017-08-02
  • 1970-01-01
  • 2021-05-06
  • 2019-01-30
  • 2016-09-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多