Значения привязки из ng-repeat в Angularjs

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;
});