Binding values from ng-repeat in Angularjs

Question

I'm loading data from a database and save it to an array as follows:

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

In my view, I'm trying to select multiple group names as follows:

<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>

I want to save selected items (m.selected) to an array one-by-one and bind that array to ng-model="schedule.selectedGroups"

How can I perform that? Thank you..

Padmapriya Vishnuvardhan · Accepted Answer · 2018-11-28 05:18:40Z

0

<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>

Now your checkbox ng-model with modify the variable to true or false and in your js code you can do like below.

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

answered Nov 28, 2018 at 5:18

Padmapriya Vishnuvardhan

2,16616 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Binding values from ng-repeat in Angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related