50

假设我有以下用户：

$scope.users = {
  "2": {
    email: 'john@gmail.com',
    name: 'John'
  },
  "3": {
    email: 'elisa@gmail.com',
    name: 'Elisa'
  }
}

我想<select>使用以下选项创建一个：

<option value="3">Elisa</option>
<option value="2">John</option>

换句话说，用户应该按名称排序。

我使用语法尝试了以下操作(key, value) in expression，但它不起作用：

<option ng-repeat="(user_id, user) in users | orderBy:'user.name'" 
        value="{{ user.id }}">
  {{ user.name }}
</option>

活的例子在这里。

我错过了什么？

请不要建议与ng-options我使用ui-select2的不兼容的解决方案ng-options。

4

3 回答 3

55

虽然您会在链接中作者的答案引用的线程中看到这一点，但我认为最好在 SO 上提出上述解决方法之一：

确实，这在技术上没有实现，但是如果您愿意稍微更改数据模型，则可以轻松解决：使用自定义过滤器生成对象属性的数组（无需替换）。如果您将关键字段添加到对象（在上述情况下为“id”），您应该能够获得您正在寻找的行为：

app.filter("toArray", function(){
    return function(obj) {
        var result = [];
        angular.forEach(obj, function(val, key) {
            result.push(val);
        });
        return result;
    };
});
...

$scope.users = {
    1: {name: "John", email: "john@gmail.com", id: 1},
    2: {name: "Elisa", email: "elisa@gmail.com", id: 2}
};

这是可以使用的 ng-repeat 指令：

<option value="{{user.id}}" ng-repeat="user in users | toArray | orderBy:'name'">{{user.name}}</option>

这是plunkr。

请注意，orderBy过滤器将name其作为参数，而不是user.name.

不幸的是，将id属性添加到您的对象确实会造成与包含对象中的键不匹配的可能性。

在您在回答中提到的链接中，还提出了id在用户对象中动态创建属性的解决方案，但我觉得这种方法不那么混乱（以引入数据复制为代价）。

于 2013-09-22T00:17:07.603 回答
9

好的，我找到了答案：

它还没有实现:(

于 2013-02-19T10:33:37.820 回答
0

添加到接受的答案并查看您的数据格式，您应该将数据转换为

app.filter('myFilterUsers',function(){
    return function(data)
    {
        var newRes = [];
        angular.forEach(data,function(val,key){
            val["id"] = key;  //Add the ID in the JSON object as you need this as well.
            newRes.push(val);
        });
        return newRes;
    }
});
于 2016-01-21T13:38:14.053 回答