如何使用angularjs中的optgroup在下拉列表中显示带有组标签的选项选项？

Question

这是我的代码

<div ng-controller="myCtrl">
    <select ng-model="myOption">
    <optgroup label="Emplopyee">
    <option value="Id">id</option>
<option value="Name">Name</option>
    </optgroup>
    <optgroup label="Department">
    <option value="Id">id</option>
<option value="Name">Name</option>
    </optgroup>    
    </select>
  <div>

在上面的代码中，当从员工标签中选择选项ID时，会在下拉列表中显示Id，但我想在下拉列表中显示Employee.Id

Answer 1

这不是一个解决方案，而是一个场景： -

用户必须从少数国家/地区选择一个城市， 国家＆GT;＆GT;    城市

美国

• 圣何塞
• 华盛顿
• 纽约

墨西哥

• 瓜达拉哈拉
• 伊斯塔帕拉帕
• 圣何塞

当我们从墨西哥选择圣何塞并获得选择元素的价值时，我们得到'圣何塞'，但是关于该组的信息不可用。

如何获得像Mexico.San Jose这样的值，而不在选项元素上使用id属性。