，我有以下數據，我從第三方獲得：與密鑰對的陣列NG選項對象
countries: [
{"US":"United States"},
{"CA":"Canada"},
{"AF":"Afghanistan"},
{"AL":"Albania"},
{"DZ":"Algeria"},
{"DS":"American Samoa"},
.....
];
數據的組織方式是不是我會做，但現在我需要適應所有這一切與選擇ng選項，以便顯示的值和選項是國家的全名
我試過ng-options="code as name for (code, name) in countries"但我得到一個對象作爲我的選擇值。
這是從我自己的項目的樣本：
data-ng-options="task.name for task in tasks track by task.id"
我相信你可以使其適應自己。
嗯，實際上我發現了另一個數據源，其中的國家被定義爲這樣的'{name：'AndorrA'，code ：'AD'}，'這對你的例子很好，但是，你的例子不適用於我的舊數據，因爲我不知道密鑰是什麼（它不是'name'）。我仍然好奇這種數據是否可能。 – NicolasMoise
@NicolasMoise我認爲你應該知道它將會是什麼關鍵，或者轉換你的數據，以便你知道... –
是的，這就是我所做的，如果這是可能的仍然好奇。 – NicolasMoise
工作plunkr這裏：http://plnkr.co/edit/nbWHz8g4Gn0vGuSHM5o0?p=preview
雖然作爲薩科指出，它可能更好地轉換數據？
HTML：
<!DOCTYPE html>
<html ng-app="app">
<head>
<script data-require="[email protected]" data-semver="1.2.14" src="http://code.angularjs.org/1.2.14/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="AppCtrl">
<select id="countries" name="countries" ng-model="selectedCountry"
ng-options="getKey(country) as country[getKey(country)] for country in countries"></select>
Selected country: {{selectedCountry}}
</body>
</html>
JS：
// Code goes here
angular.module('app',[]).controller("AppCtrl", ["$scope", function($scope) {
$scope.countries = [
{"US":"United States"},
{"CA":"Canada"},
{"AF":"Afghanistan"},
{"AL":"Albania"},
{"DZ":"Algeria"},
{"DS":"American Samoa"}
];
$scope.getKey = function(country) {
return Object.keys(country)[0];
}
}]);
這是我正在尋找的答案。這仍然不理想，所以我想最好重新處理我最終做的數據。我主要是要求理論上的理由，或者如果有人有類似的情況下，更改數據不是一個選項。 – NicolasMoise
我是在問幾乎一樣，你當堆棧溢出建議我看看你的問題相同的問題的過程。看起來我們從相同的source獲得了國家/地區列表。 我也不想改變結構。但在看到接受的答案後，我不想這樣破解它。所以相反，我寫了一個可重用的服務，它將變形任何類似的數據結構。
的服務
/*
* Morphs an array of a key/val pair to have the original key, be a value, and
* give new property names
*
* @method keyValMorph
* @param {array of objects} ex: [ {US:'United States'} ]
* @param {string} keyName - desired property name for the original key
* @param {string} valName - desired property name for the original value
* @return {array of objects} ex: [ {key: 'US', val: 'United States'} ]
*/
.factory('keyValMorph', function() {
return function (data, keyName, valName) {
var sort = [], keyName = keyName || 'key', valName = valName || 'val';
for (var i = 0; i < data.length; i++) {
var obj = {};
for (var key in data[i]) {
obj[keyName] = key;
obj[valName] = data[i][key];
sort.push(obj);
}
}
return sort;
};
})
控制器電話：
$scope.countriesSorted = keyValMorph($scope.countries, 'code', 'name');
這需要你的原始數據結構，並把它變成：
$scope.countriesSorted = [
{code:"US", name:"United States"},
{code:"CA", name:"Canada"},
{code:"AF", name:"Afghanistan"},
{code:"AL", name:"Albania"},
{code:"DZ", name:"Algeria"},
{code:"DS", name:"American Samoa"}
];
HTML
<select data-ng-model="selected" data-ng-options="country.code as country.name for country in countriesSorted ">
<option value="">[-- select --]</option>
</select>
也許最好寫一點來展開數據，並將其轉換爲更容易處理的對象數組http://stackoverflow.com/questions/8312459/iterate-through-object-properties可以在服務中完成檢索數據。 – shaunhusain