angularjs – 从对象Angular JS中删除元素的正确方法是什么？

发布时间：2020-12-17 17:25:25 所属栏目：安全来源：网络整理

导读：我有ng-repeat功能ng-click里面： div ng-repeat="item in data.education_list" a href="" ng-click="deleteEducation(item)"Delete/a/div 我将对象项从ng-repeat传递给函数deleteEducation以从data.education_list中删除元素. 所以外观功能： $scope.delet

我有ng-repeat功能ng-click里面：

<div ng-repeat="item in data.education_list">
   <a href="" ng-click="deleteEducation(item)">Delete</a>
</div>

我将对象项从ng-repeat传递给函数deleteEducation以从data.education_list中删除元素.

所以外观功能：

$scope.deleteEducation = function (item){
    $scope.data.education_list.splice($scope.data.education_list.indexOf(item),1);
}

所以这种方式有时不正确.当我在ng-repeat中有一些元素并且在删除项目之后我的模板HTML被更新并删除了另一个项目的行,而不是我删除的项目.

什么是正确的删除方式？

如果执行{{data.education_list}},data.education_list是对象数组：

[{"name":"Test1","time":"01 Hun 2004 - 12 Sun 2006","Idusereducation":"86","usereducationIdToUser":"702","type":"1"}]

问题二：
如果我有对象的对象而不是带键的数组：

{"1" : {obj},2 : "obj"}

如果我尝试按键从对象中删除元素：

删除OBJ [1];
我遇到了同样的问题.

解决方法

最简单的方法是使用$index,这是angular添加到轨道数组的唯一标识符.

<div ng-repeat="item in data.education_list">
   <a href="" ng-click="data.education_list.slice($index,1)">Delete</a>
</div>

如果您要过滤列表

你需要搜索索引.然后做拼接.它有点重,但如果您要过滤列表则需要.

this.removeItem = function(item) {
    var index = $scope.data.education_list.indexOf(item);
    if (index != -1) {
        $scope.data.education_list.splice(index,1);
    }
  };

HTML

ng-click="myctrl.removeItem(item)"

Working Example click to delete and .indexOf vs $index comparison

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!