Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite
1

My Html:

 <ol  ng-model="gcwr.checked" ng-repeat="gcwr in gcwrs" id="gcwr">                         
 <label class="checkbox" for="{{gcwr.Id}}">  
 {{gcwr.Description}}
 <input ng-model="gcwr.checked" type="checkbox"  /></label>
 </ol>

My Container Controller: 

   // initialize section
    $scope.gcwrs = API.GetGCWRs();

   // in the save/submit function
    var newContainer = $scope.newContainer;
    var myGCWRS;
    var tmp = angular.forEach($scope.gcwrs, function (gcwr) {
        myGCWRS += gcwr.checked ? gcwr : null;
        });

    newContainer.GCWRs = [
        angular.copy(myGCWRS)
    ];

Problem:

The GCWRs are populating in the form, but I am doing something wrong in collecting the checked gcwrs in the submit/save function ad adding the collection to the newContainer.

Any ideas?

-- Never a dull day in the angular world :(

SOLVED:

What a pain in the ass!!! TGIF because now I have a reason.

Here's the solution: (sorry, I changed some names from original post)

    var selectedGCWRs = [];        
    var tmp = angular.forEach($scope.gcwrs, function (gcwr) {            
        if (gcwr.checked) {      
            selectedGCWRs.push(gcwr);
        }
    });

    newContainer.GCWRs = selectedGCWRs;

   .... then go on and save the newContainer.

[Note: Had I used angular.copy, the $$hashkeys that angular creates in ng-repeat would not have been stripped away; the server would have thus rejected this collection as it would have an extra property, ie $$hashkey, that did not match the model class on the server. By simply passing the collection to the container, the $$hashkeys are stripped away and the server is happy.]

share|improve this question
Why the answer inside the question..? – redben Apr 19 at 15:51

3 Answers

up vote 0 down vote accepted

SOLVED:

What a pain in the ass!!! TGIF because now I have a reason.

Here's the solution: (sorry, I changed some names from original post)

var selectedGCWRs = [];        
var tmp = angular.forEach($scope.gcwrs, function (gcwr) {            
    if (gcwr.checked) {      
        selectedGCWRs.push(gcwr);
    }
});

newContainer.GCWRs = selectedGCWRs;

.... then go on and save the newContainer.

[Note: Had I used angular.copy, the $$hashkeys that angular creates in ng-repeat would not have been stripped away; the server would have thus rejected this collection as it would have an extra property, ie $$hashkey, that did not match the model class on the server. By simply passing the collection to the container, the $$hashkeys are stripped away and the server is happy.]

share|improve this answer
up vote 0 down vote

I'm not really sure that you need a new container for anything. With angular's bidirectional binding the gcwrs array is always current. When you are ready to process the selected elements, just look in the array.

Here's a plnkr that demonstrates: http://plnkr.co/edit/DxQY74XBxzOU66X18xqH

Notice the object state changes as the checkboxes are ticked/unticked.

share|improve this answer
The Container is a server side class. It has nothing to do with angular per se. – Scott Malachowski Mar 15 at 19:39
ah, well, so, if you look at the plnkr, you can see a function $scope.save(), in that function you could send the checked data to the server presumably using $http or $resource – Jason Mar 15 at 19:57
up vote 0 down vote

I think you need to use

var myGCWRS = [];
var tmp = angular.forEach($scope.gcwrs, function (gcwr) {
    if(gcwr.checked) {
        myGCWRS.push(gcwr);
    }
});
newContainer.GCWRs = angular.copy(myGCWRS);
share|improve this answer
That did not work, as far as I tested it. But I appreciate your assistance. – Scott Malachowski Mar 15 at 17:36
You almost had it, the "angular.copy" was the problem. – Scott Malachowski Mar 15 at 20:08

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.