javascript - 使用 ANGularJS 删除项目

Question

我有一个包含数据的 JSON 文件。我可以使用 ANGularJS 打印数据。它将显示在带有复选框的行中，并且有一个删除按钮。我想从显示和 JSON 文件中删除数据。删除过程如下:单击要删除的复选框>单击删除按钮。这是我的 plnkr 链接:-

http://plnkr.co/edit/A07XJk1RQNmhSnLFqLxH?p=preview

api.json 是 JSON 文件。

这是 JSON 文件，如下所示:-

{
  "1": {
    "venture": "XYZ Informatics",
    "member": [
      {
        "name": "abcd",
        "email": "abcd@gmail.com"
      }
    ],
    "message": "This is good day",
    "isclicked": false
  },
  "2": {
    "venture": "BBC Informatics",
    "member": [
      {
        "name": "xyz",
        "email": "xyz@gmail.com"
      }
    ],
    "message": "This is bad day",
    "isclicked": true
  }
}

Answer 1

将ng-model添加到复选框......然后迭代数据并使用delete(如果选中)

  $scope.delete = function() {
     angular.forEach($scope.datas, function(val, key) {
       if (val.isclicked) {
         delete $scope.datas[key];
       }
     })
   }

查看

<form ng-repeat="data in datas">            
    <input type="checkbox" ng-model="data.isclicked">{{ data.venture }}          
</form>
<button ng-click="delete()">Delete</button>

DEMO