如何从数组angularjs中删除项目？

Question

为什么我无法从数组帖子中删除项目？

删除项目的标记

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"
      }
    ]}];

哪里有问题？

Answer 1

尝试将项目传递给函数并从项目中获取索引。

如下面的帖子所述。

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

Answer 2

如果您使用ng-repeat，则可以提供帮助：

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

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