How to add a new object to an array nested inside an object?

Question

I'm trying to get a handle on using $resource in angularjs and I keep referencing this answer AngularJS $resource RESTful example for good examples. Fetching a record and creating a record work fine, but now i'm trying to add a "section" to an existing mongo record but can't figure it out.

documents collection

{
  _id: 'theid', 
  name: 'My name", 
  sections: [
    {
      title: 'First title'
    },
    {
      title: 'Second title'
    }
  ]
}

angular controller snippet

var document = documentService.get({_id: 'theid'});
// TRYING TO ADD $scope.section TO THE SECTIONS ARRAY IN THE VARIABLE document.
//document.sections.push($scope.section); <-- This does NOT work
//document.new_section($scope.section); <-- could do this and then parse it out and insert it in my backend code, but this solution seems hacky and terrible to me.
document.$save(function(section) {
     //$scope.document.push(section);
});

documentService

return $resource(SETTINGS.base + '/documents/:id', { id: '@id' },
      {
        update: { method: 'PUT' }
      });

From the link i posted above, If I was just updating the name field, I could just do something like this:

var document = documentService.get({_id: 'theid'});
document.name = "My new name";    
document.$save(function(section) {
    //$scope.document.push(section);
});

I'm just trying to add an object to a nested array of objects.

$scope.document.sections.push(section) - that get call is async by the way, you need a callback! — tymeJV
– tymeJV, Commented Apr 24, 2014 at 20:37
I'm not trying to push to a scope variable, but i'm trying to set it on the document so that it gets updated in mongo. Basically from my understanding, my document variable is fetching the record from mongo, then i'm updating some of the values (or in this case i'm adding to an array), then i save that back to mongo. At least that's what i'm trying to achieve. — Catfish
– Catfish, Commented Apr 24, 2014 at 20:40

tymeJV · Accepted Answer · 2014-04-24 21:04:23Z

1

Try this:

documentService.get({_id: 'theid'}, function(document) {
    document.sections.push($scope.section);
    document.$save();
});

answered Apr 24, 2014 at 21:04

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

4 Comments

Catfish Over a year ago

That seems to get me past that issue, but it's doing a POST to localhost:3000/documents/1. I would have expected it to do a PUT so that it updates a record. Is this a weird angular thing?

tymeJV Over a year ago

I believe it's the resource wiring - although I always thought put was for creating brand new objects and POST was for updating...hmm

Catfish Over a year ago

Nope you've got it backwards.

tymeJV Over a year ago

Ahh, damn! Well, you could always be saving a brand new object, so I guess POST was the cover-all

Collectives™ on Stack Overflow

How to add a new object to an array nested inside an object?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related