角度 - 需要向选择下拉列表添加多个占位符

Angular - Need to add multiple place-holders to a select drop-down

本文关键字:添加 占位符 下拉列表 选择 角度      更新时间:2023-09-26

虽然这可能不是最好的UI实现,但我有一个下拉列表,其中包含必须使用多个占位符分组的多个元素(例如-----组1-----)。 我想使占位符不可选择。

我在这里找到了单个占位符的解决方案:如何将不可选择和可自定义的占位符添加到选择框

但它似乎无法扩展到多个占位符。

提前感谢您的任何想法。

不是特定于角度的,但您可以使用选择选项组吗?

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

查看 http://www.w3schools.com/tags/tag_optgroup.asp 及其演示http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_optgroup