Angular select populate dropdown？

Question

這是我的JSON數據：

[{ 
    "table":"mCity", 
    "drpdownItems":[ 
    { 
     "Display":"ab", 
     "Value":1 
    }, 
    { 
     "Display":"a", 
     "Value":10 
    }, 
    { 
     "Display":"Delhi", 
     "Value":7 
    }, 
    { 
     "Display":"Devgad", 
     "Value":4 
    }, 
    { 
     "Display":"Kalyan", 
     "Value":5 
    }, 
    { 
     "Display":"Mumbai", 
     "Value":2 
    }, 
    { 
     "Display":"Nashik", 
     "Value":9 
    }, 
    { 
     "Display":"New Mumbais", 
     "Value":6 
    }, 
    { 
     "Display":"Panji ", 
     "Value":8 
    }, 
    { 
     "Display":"Pune", 
     "Value":3 
    } 
    ] 
}] 

我想下面的輸出：

<select> 
    <option value="1">ab</option> 
    <option value="10">a</option> 
    <option value="7">Delhi</option> 
</select> 

我嘗試以下操作：

ng-options="City.Display as City.Value for drpdownItems in CmbsData.table['mCity']" 

Answer 1

ng-options="City.Display as City.Value for drpdownItems in CmbsData[0].drpdownItems" 

CMBS是一個數組，並drpdownItems是該對象屬性是該數組的第一個元素

根據評論編輯：概括形式 ng-options =「City.Display as City.Value for drpdownItems in（CmbsData |過濾器：{表： 'mCity'}）drpdownItems」

Answer 2

更新基於以下評論：

<select 
    ng-options="City.Value as City.Display for City in (CmbsData | filter:{table:'mCity'}:true|limitTo:1)[0].drpdownItems" 
    ng-model="selectedCity"> 
</select> 

爲了使一種嚴格匹配，請在您的filter. It is better to use limitTo使用true：1 because there may be multiple matches. 。過濾and limitTo always result in an array. Since we are limiting by 1, we can use [0]`指數來得到我們想要的城市

原來的答覆：

您需要使用這樣的

<select name="" id="" ng-options="City.Value as City.Display for City in CmbsData[0].drpdownItems" ng-model="selectedCity"></select> 

的ng-options語法_select_ (as _label_)? for (_key_,)?_value_ in _collection_