我有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>
如果您要过滤列表
你需要搜索索引.然后做拼接.它有点重,但如果您要过滤列表则需要.
JS
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
