web-dev-qa-db-ja.com

辞書（オブジェクト）のng-optionsで反復します

Ng-optionsを使用して次のオブジェクトを反復処理する必要があります。

var a = {
'optionName1': 'optionValue1',
'optionName2': 'optionValue2',
'optionName3': 'optionValue3',
'optionName4': 'optionValue4',
};

このオブジェクトをこの形式でサードパーティのリソースから取得しているので、手動で再配置する必要はありません。

私はすでにグーグル検索をして、ドキュメンテーションを調べました、それはリストと私が言うことができることからだけオブジェクトのリストを扱います。

angularjsng-options
19
Oleg Belousov

このようなモデルの場合：

$scope.options = {
    'optionName1': 'optionValue1',
    'optionName2': 'optionValue2',
    'optionName3': 'optionValue3',
    'optionName4': 'optionValue4',
};

次のようなオプションを作成できます。

<select ng-change="change()" ng-model="votes.status" 
ng-options="v for (k,v) in options">
</select>
32
AlwaysALearner