Angularjs中ng的绑定值重复

Question

我正在从数据库加载数据，并将其保存到数组中，如下所示：

$scope.allGroups = [{id: 1, groupName: group1}, {id: 2, groupName: group2}, ..]

在我看来，我正在尝试选择多个组名，如下所示：

<div
class="drag-container avaliable-groups-connect groups-container schedule-container"
>
<div class="group" ng-repeat="m in allGroups">
<input type="checkbox" ng-model="m.selected" />
<span>{{ m.groupName }}</span>
</div>
</div>

我想将所选项目(m.selected(逐个保存到数组中，并将该数组绑定到ng-model="schedule.selectedGroups"

我该怎么做？非常感谢。

Answer 1

<div class="group" ng-repeat="m in allGroups" ng-init="m.selected = false">
<input type="checkbox" ng-model="m.selected" />
<span>{{ m.groupName }}</span>
</div>

现在，您的复选框ng模型将变量修改为true或false，并在您的js代码中你可以做下面的事情。

$scope.schedule.selectedGroups = $scope.allGroups.filter(function (data) {
return data.selected === true;
});