Удалить элемент из списка после фильтрации

Question

У меня есть следующий выпуск:

Я создать список, который позволяет пользователю удалить элемент из списка, следующим образом:

если пользователя щелкните значок корзины, элемент будет удален нормально. Проблема заключается в том, что пользователь использует фильтр сверху.

В этом случае, если удалить номер 6565 (индекс 4 в исходном списке, 1 на отфильтрованный список), элемент удаляется на индекс 1 в исходном списке, в результате чего на удаление регистра с номером # 564456

Это мое удаление вызова по щелчку:

$scope.deleteOwn = function (uuid) { 
    console.log(uuid); 
    var coupon = $scope.ownsCoupons[uuid]; 
    Coupon.delete({'id' : coupon.uuid}, function() { 
     $scope.ownsCoupons.splice(uuid, 1); 
    }); 
} 

И это мой HTML шаблон:

<td><a href="" ><i class="icon-trash" ng-click="deleteOwn($index)"></i></a></td> 

Я также пытаюсь использовать код: $scope.ownsCoupons.splice(coupon, 1); без успеха.

Кто-нибудь знает, как это исправить?

Я кодируются с помощью следующей ссылки: AngularJS How to remove an Item from scope

[EDIT]

Я создал Plunker к этому: http://plnkr.co/edit/Fhxp6uZyTJCY05CAQ7yA?p=preview

Answer 1

Как упомянуто @ pkozlowski.opensource, вы не может зависеть от $index, чтобы идентифицировать элемент в массиве таким образом. Я хотел бы сделать следующие изменения:

HTML:

<td><a ng-click="deleteWish(coupon)"><i class="icon-trash"></i></a></td> 

JS:

$scope.deleteWish = function (coupon) { 
    var index = $scope.coupons.indexOf(coupon); 
    if (index != -1) { 
     $scope.coupons.splice(index, 1); 
    } 
} 

Вот это рабочий Plunker: http://plnkr.co/edit/b0b2cYGsM5wtw8hIrQB5?p=preview