添加和刪除一個NG-重複項目的方式NG重複

Question

我有兩個NG-重複

<p ng-repeat="Item in List | filter:{category:currentCategory.name} | orderBy:'name' track by Item.name "> 
     <a ng-click="addItem(Item)"><span class="glyphicon glyphicon-plus"></span> 
      {{Item.name}} 
     </a> 
</p> 

<p ng-repeat="NewItem in NewList | orderBy:'name' track by NewItem.name"> 
    <a>{{NewItem .name}}</a> 
    <a ng-click="returnItem(NewItem)"><span class="glyphicon glyphicon-trash"></span></a> 
</p> 

的我有2個問題一個產品列表，當它移動到NewList不被刪除第二個問題是，當我從NewList中返回Item時，它不刪除與它關聯的項.... IE我嘗試刪除最後一個項目，並刪除第一個項目。

這裏是我的角度

$scope.addItem = function (Item) { 
    $scope.NewList.push(Item); 
    $scope.List.splice(Item , 1); 
}; 

$scope.returnItem = function (NewItem) { 
    $scope.List.push(NewItem); 
    $scope.NewList.splice(NewItem, 1); 
}; 

我不使用$指標，因爲它不工作時，我篩選列出所有

。

任何選項或建議將是真棒！我現在很困難。

Answer 1

您不提供Array.splice函數所需的參數。

Array.slice的第一個參數應該是要從列表中刪除的項目的索引。目前，您正在提供您想要移除的項目。

您應該首先找到要刪除的項目的索引。

嘗試這樣的事情

$scope.NewList.push(Item); 
var index = $scope.List.indexOf(Item); 
if(index !== -1) $scope.List.splice(index , 1); 

注：Array.indexOf不上對象的數組。既然你有一個對象數組，你將不得不遍歷整個列表（使用for循環），並比較name屬性來查找要刪除的項目的索引。

var index = -1; 
for (var i = 0; i < $scope.List.length; i++) { 
    if($scope.List[i].name === Item.name){ 
     index = i; 
     break; 
    } 
}