angular edit each post in array

Question

I have an array of posts:

.factory('posts', [function(){
  var o = {
    posts: [
        {title: 'post 1', upvotes: 5},
        {title: 'post 2', upvotes: 2},
        {title: 'post 3', upvotes: 15}
    ]
  };
  return o;
}])

and a Controller. I would like to edit all upvotes when clicking a button, so I have the following.

angular.forEach($scope.posts, function(title){
    $scope.posts.push({
            title: "ja"
    });
});

but obviously this is creating new posts. anyone knows how to edit the existing ones? thanks

pos[index].title ='ja'

pedrommuller
– pedrommuller

2014-11-19 13:27:23 +00:00
Commented Nov 19, 2014 at 13:27 — pedrommuller
– pedrommuller, Commented Nov 19, 2014 at 13:27

Marc Harry · Accepted Answer · 2014-11-19 13:37:22Z

1

To update the upvotes value of all posts on clicking a button you would have to change your forEach to:

angular.forEach($scope.posts, function(post){
    post.upvotes++;
});

But if it was to be only a specifc one called 'ja' then you would need to so something like this:

angular.forEach($scope.posts, function(post){
    if (post.title === 'ja') {
        post.upvotes++;
    }
});

answered Nov 19, 2014 at 13:37

Marc Harry

2,43021 silver badges22 bronze badges

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

1 Comment

bboy Over a year ago

was looking more for this angular.forEach($scope.posts, function(post){ post.upvotes = 5; }); but you answered my question. thanks for the help

Collectives™ on Stack Overflow

angular edit each post in array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related