如何在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屬性。