feat(Slider): The Slider component should be able to properly display values with four or more digits

评估

调研方向

描述

Feature Description

The Slider component cannot display values with four or more digits properly in the thumb label.

The issue can be quickly seen by sliding one of the example sliders in the documentation all the way up:

At four digits, the text already overflows the container. A year looks even worse:

While the custom thumb label formatting feature slightly helps with this, the limit for a slider that looks decent is just three-digit values.

Looking at Material Design sliders, I can see that the thumb label is much wider, and it's easy to imagine it expanding horizontally to accomodate more text:

The design of the Angular Material slider actually resembles the older M2 design with the smaller label:

Use Case

This will enable the slider to be used for a lot of common use cases like selecting a date range.

贡献指南

打开贡献指南

从这里开始

1. 先读完整个 Issue，再读项目的贡献指南。
2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
3. Fork 仓库，在一个分支上完成修改。
4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

angular/components 的其他 Issue

• docs-bug(tree): Test classes and interfaces do not render 未关闭
  area: material/tree docs gemini-triaged needs triage

  难度 2/5 1-3 小时 新手友好度 68/100

  angular/components#33832 · 2026年9月17日 创建

• bug(mat-date-picker): month shown twice in date picker 未关闭
  area: material/datepicker gemini-triaged P4

  难度 2/5 1-3 小时 新手友好度 72/100

  angular/components#33763 · 2 条评论 · 3 个 reaction · 2026年9月2日 创建

• Bug in table.scss footer cell height: unset instead of footer row height unset 未关闭
  area: material/table gemini-triaged P4

  难度 1/5 1 小时以内 新手友好度 88/100

  angular/components#33709 · 1 条评论 · 2026年8月21日 创建

• docs-bug(Table): Add example with `rowspan` 未关闭
  area: material/table docs gemini-triaged P4

  难度 2/5 1-3 小时 新手友好度 72/100

  angular/components#33455 · 2026年6月27日 创建

• bug(date-adapter): Misleading JSDoc for createDate returns type 未关闭
  area: material/core gemini-triaged P3

  难度 1/5 1 小时以内 新手友好度 78/100

  angular/components#33059 · 2 条评论 · 2026年4月9日 创建

查看 angular/components 的全部 Issue

相似的 Issue

• False positive: TurkScan.com / TurkChain network 未关闭
  blocklist removal

  难度 2/5 1-3 小时 新手友好度 65/100

  MetaMask/eth-phishing-detect#296544 · 2026年9月23日 创建

• Package recommendation for React inline SVG loaders 未关闭

  难度 2/5 1-3 小时 新手友好度 70/100

  pastelsky/bundlephobia#1122 · 2026年9月23日 创建

• [Dashboard] Prevent opening the upstream list when its limit is off 未关闭

  难度 2/5 1-3 小时 新手友好度 70/100

  Menci/Floway#533 · 2026年9月23日 创建

• save-artifact's isSameFile overwrite guard has no hard-link witness (follow-up from #11848) 未关闭
  category/development priority/P2 scope/file-operations scope/testing type/enhancement

  难度 2/5 1-3 小时 新手友好度 75/100

  QwenLM/qwen-code#12578 · 3 条评论 · 2026年9月23日 创建

• Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. 未关闭

  难度 2/5 1-3 小时 新手友好度 75/100

  Margaret-Petersen/grocery-delivery-app-for-ios#1334 · 2026年9月23日 创建

更多 TypeScript Issue