使用對象符號獲取選定的ng-option的標簽

Question

給定一個對象：

obj = {
  foo: 1,
  bar: 2
}

我使用對象數據源符號創建ng-option ：

<select ng-model="selection" ng-options="key for (key, value) in obj"></select>

此時，用戶將看到一個包含值foo和bar的下拉列表。 當他們選擇一個選項的值selection為改變為1或2分別。

但是，如何返回以找出當前選擇的鍵/標簽是什么？

Answer 1

要確定和比較語句中鍵的值 ，只需要將select子句添加到ng-options表達式中。

<select ng-model="selection" ng-options="key as key for (key, value) in obj"></select>

這會將selection設置為foo或bar而不是1或2 ，您可以從那里進行確定。

從Angular Docs

select作為對象中（key，value）的label

select ：此表達式的結果將綁定到父<select>元素的模型。 如果未指定，則選擇表達式將默認為value。

更新 ：

為了同時看到鍵和值，您可以創建一個新對象作為select 。 看看這個Plunkr

<select ng-model="selection" ng-options="{key:key, value:value} as key for (key, value) in obj"></select>

<span>{{selection.key}}</span>
<span>{{selection.value}}</span>