如果Javascript對象中存在綁定AngularJS復選框

Question

我使用AngularJS工廠加載了以下用戶對象：

{
    "user_id": "1",
    "groups": [
        {
            "name": "Object Group 10",
            "group_id": 10
        }
    ]
},
{
    "user_id": "2",
    "groups": [
        {
            "name": "Object Group 10",
            "group_id": 10
        },
        {
            "name": "Object Group 12",
            "group_id": 12
        }
    ]
}

然后，我使用單獨的工廠加載了組。

[
    {
        "name": "Object Group 10",
        "group_id": 10
    },
    {
        "name": "Object Group 12",
        "group_id": 12
    }
]

我試圖在用戶窗體上綁定一個復選框，以便當組存在於user.groups數組中時選中該復選框。

參見下面的代碼：

<div ng-repeat="group in groups">
    <input type="checkbox" ng-model="user.groups">
</div>

任何幫助，將不勝感激。

Answer 1

<div ng-repeat="group in groups">
    <input type="checkbox" ng-checked="groupExists(group.group_id, user.groups)">
</div>

在控制器中：

$scope.groupExists(id, groups) {
    var groupIds = [];
    for (var i=0; i < groups.length; i++) {
        groupIds.push(groups[i].group_id);
    }
    return groupIds.indexOf(id) > -1;
}