Question

假设我有以下数组users：

$scope.users = [
    {
        "name": "foo",
        "status": "pending"
    },
    {
        "name": "bar",
        "status": "pending"
    },
    {
        "name": "baz",
        "status": "active"
    },
    {
        "name": "qux",
        "status": "confirmed"
    }
]

我正在尝试根据两个status属性生成分组列表。输出应该是两个列表

清单1

pending, confirmed
-> foo, bar, qux

清单2

active
-> baz

我目前正在做的是

ng-repeat="(key, value) in users | groupBy: 'status'"

但这当然失败了，因为输出将是三组（已确认，有效和待定），而不是上面所需的两组。

是否可以使用此ng-repeat合并这两种状态？

Answer 1

您可以在控制器中执行此分离，并且您的视图会消耗结果。因此，您将拥有两个ng-repeat，一个用于状态为待定或已确认的用户，另一个用于具有有效状态的用户。

＆＃13;

// I don't have the full code. So I defined a scope object here
// You don't have to define a scope like this, since you inject it
// in you controller.
var $scope = {};

$scope.pendingConfirmed = [];
$scope.active = [];
var users = [
    {
        "name": "foo",
        "status": "pending"
    },
    {
        "name": "bar",
        "status": "pending"
    },
    {
        "name": "baz",
        "status": "active"
    },
    {
        "name": "qux",
        "status": "confirmed"
    }
];

for(var i=0; i<users.length; i++){
    var user = users[i];
    if( user.status === "pending" 
     || user.status === "confirmed" ){
        $scope.pendingConfirmed.push(user);
    } else {
        if( user.status === "active" ){
            $scope.active.push(user);
        }
    }
}


console.log('-- Pending or Confirmed --');
console.log($scope.pendingConfirmed);
console.log('-- Active --');
console.log($scope.active);

＆＃13;

Answer 2

你可以像这样修复

＆＃13;

ng-repeat="(key, value) in users | groupBy: 'status'" | toArray:true

＆＃13;

ng-repeat with groupBy issue

清单1

清单2

2 个答案: