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-model复选框与js代码一起修改为true或false 您可以像下面这样。

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

从Angularjs中的ng-repeat绑定值

1 个答案: