如何在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>

在上面的代码中，当从 Employee Label 中选择选项 id 时，会在下拉菜单中显示 Id，但我想在下拉菜单中显示 Employee.Id

Answer 1

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

用户必须从几个国家中选择一个城市， 国家>> 城市

美国

• 圣何塞
• 华盛顿
• 纽约

墨西哥

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

当我们从墨西哥选择圣何塞，并获取选择元素的值时，我们会得到“圣何塞”，但有关该组的信息不可用。

如何在没有在选项元素上使用 id 属性的情况下获得像 Mexico.San Jose 这样的价值。