如何从AngularJS中的数组中删除搜索条目

Question

我正在创建一个角度应用程序,它有一个带有ng-repeat的li和一个用于在ng-repeat中搜索输出的文本框,重复的项目有一个删除"X"按钮,它从DB中删除记录.我面临的问题是如何使用splice从数组中删除搜索记录.

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

转到上面的plnkr点击任何"x"而不搜索,然后它将从列表中删除.但是当你搜索某些东西时可以说ruby然后只有ruby会进入列表,但点击"x"它仍会出现.我需要帮助使用数组操作从数组中删除搜索字段,我不想再次重新生成该数组.

Answer 1

而不是仅使用索引作为参数,通过搜索数组中的json元素来计算索引.

像这样:

$scope.delete = function(project) {
  idx = $scope.projects.indexOf(project);
  $scope.projects.splice(idx, 1);
};

DEMO