javascript - 将枚举值绑定(bind)到 ng-options angular js

Question

来自 http GET 方法的响应 JSON 如下所示

 [
    {
        "1": "Open"
    },
    {
        "2": "Expired"
    }
]

如何在 Angular js 中的选择下拉框中绑定(bind)此数据。 我试过这个选项:

<select class="form-control" ng-model="selected" ng-options="item for item in data"> 
<option value="">----Select----</option> 
</select>

但是我在下拉列表中得到 [object,object]。

Answer 1

您可以简单地使用 Array.reduce 将 json 数据转换为 ng-options 期望的格式，按照

$scope.options = data.reduce(function(memo, obj) {
    return angular.extend(memo, obj);
}, {});

<select ng-model="selected" ng-options="key as val for (key, val) in options"></select>

这里有完整的例子 http://plnkr.co/edit/PV4BYrz0KBkIFPWVzVaT?p=preview