Angular - 需要将多个占位符添加到选择下拉列表中

【问题标题】：Angular - Need to add multiple place-holders to a select drop-downAngular - 需要将多个占位符添加到选择下拉列表中
【发布时间】：2015-02-01 21:42:29
【问题描述】：

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

我在这里找到了单个占位符的解决方案： How do I add an unselectable and customizable placeholder to a select box

但它似乎不能扩展到多个占位符。

提前感谢您的任何想法。

【问题讨论】：

标签： javascript angularjs select drop-down-menu

【解决方案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

【讨论】：

我每天都会学到一些新东西（optgroup）。我试试看，谢谢！
ngOptions 支持自动添加标签。查看group by 语法。