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

Answer 1

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

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

美国

• 圣何塞
• 华盛顿
• 纽约

墨西哥

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

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

如何获得价值像墨西哥。圣何塞，没有使用选项元素的id属性。