Question

我有一个包含数据的JSON文件。我可以使用ANgularJS打印数据。它会在行中显示一个复选框，并且有一个删除按钮。我想从显示和JSON文件中删除数据。删除过程就像，点击要删除的复选框＆gt;单击“删除”按钮。这是我的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

假设您的数据在范围内，您可以使用JavaScript删除功能从数组中删除项目。

因此...

delete $scope.data["1"]

Angular的摘要应该更新任何自动观看该范围属性的内容。

Answer 2

将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

使用ANgularJS删除项目

2 个答案: