How to delete item from array angularjs?

Question

Why I can't remove item from array posts?

html tag for delete item

html tag
<span ng-click="remove($index)"> delete</span>

//AngularJS method where I try to delete item
blog.remove = function(index) {
blog.posts.splice(index, 1);
};

//Angular array posts
blog.posts = [{
    "title": "Blog Post One",
    "comments": [
      {
        "body":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. ",
        "author": "trollguy87"
      }
    ]}];

Where can be problem?

one possibility is that index you are passing in your remove function is wrong. Try to see index by console.log, before that splice statement. — Yogesh
– Yogesh, Commented Jun 28, 2016 at 9:56
Maybe post a bit more code. Hard to tell exactly what's wrong by just looking at these fragment. On problem I see is remove is getting called on scope. But you're definition is on the blog itself. So, shouldn't it be blog.remove($index)? And, what is the $index? Coming from some sort of repeat I assume — Chanthu
– Chanthu, Commented Jun 28, 2016 at 9:56
Please post code containing the ng-repeat part, it is currently hard to figure how you manage $scope/vm — Icycool
– Icycool, Commented Jun 28, 2016 at 9:58
This code can be correct if only you have var blog = $scope; because you call $scope.remove by ng-click="remove()" — vp_arth
– vp_arth, Commented Jun 28, 2016 at 10:08

Community · Accepted Answer · 2017-05-23 12:33:00Z

0

Try passing the item to the function and getting the index from the item.

As mentioned in the below thread.

How do I delete an item or object from an array using ng-click?

edited May 23, 2017 at 12:33

CommunityBot

11 silver badge

answered Jun 28, 2016 at 10:01

Gauthaman Sahadevan

9531 gold badge11 silver badges19 bronze badges

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

Comments

Avantika Saini · Accepted Answer · 2016-06-28 10:17:05Z

-1

If you are using ng-repeat then this can help:

<div ng-repeat="key in posts"> <!-- This will use your blog.posts -->
    <button ng-click="posts.splice($index, 1)"> 

        {{key.title}}
    </button>
</div>

answered Jun 28, 2016 at 10:17

Avantika Saini

7924 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to delete item from array angularjs?

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related