ボタンを削除すると、同じ位置に再度追加する方法anglejs

下のplunkrで、追加ボタンをクリックすると、それが下の範囲項目に追加され、上の範囲項目から削除されます。私は、ユーザーが削除された場所から同じインデックスポイントで上記のスコープに再度追加する方法を、以下のスコープアイテムから削除するときを知りたいと思います。 plunkrリンク - https://plnkr.co/edit/EFqMKkC4wMsjYmg64n7q?p=preview ボタンを削除すると、同じ位置に再度追加する方法anglejs

HTML-

<html> 
<head> 
<script src="angular.min.js"></script> 

<script src="script.js"></script> 
<link rel="stylesheet" href="tree.css"/> 
<link rel="stylesheet" href="font-awesome.min.css"/> 
<link rel="stylesheet" href="bootstrap.min.css" /> 
</head> 
<body data-ng-app="testApp" data-ng-controller="button"> 

<hr> 
<button type="button" class="btn btn-success" data-dismiss="modal" data-ng-click="save()">SaveFilter</button> 
<button type="button" class="btn btn-Default" data-dismiss="modal" data-ng-click="delete()">Delete</button> 

<button ng-repeat="name in listofSystems" style="border-radius: 25px; outline-color:#fff;" type="button" class="btn btn-default" id="{{name.name}}" ng-click="addSystemsButton($event,$index)">{{name.name}} +</button> 

<hr> 
<p><strong>Selected Systems</strong></p> 
<button ng-repeat="name in listofSystemsAdded" style="border-radius: 25px; outline-color:#fff;" type="button" class="btn btn-default" ng-click="removeSelectedSystemsButton($index)">{{name.name}} x</button> 

</body> 
</html>

出典

2017-01-15 shaaa

は、すべての角度フィルタ（複数可）を使用して行われ、元の配列 – charlietfl

あなたはちょうどあなたが行うようにあなたは、 "システム" を押すと、listofSystemsに戻って、それを追加する必要があり

。

私はあなたのplunkerを更新しました：

$scope.removeSelectedSystemsButton = function(ind) { 
    console.log(ind); 
    $scope.listofSystems.push($scope.listofSystemsAdded[ind]); 
    $scope.listofSystemsAdded.splice(ind, 1) 
    }; 
}

https://plnkr.co/edit/oeBOY1Va9LXDJUCSWaxw?p=preview

出典

2017-01-15 19:39:58 user1415066

を変更しないことができますが、私は同じ位置に追加することができますどのような方法があります上記の範囲の項目のどこから削除されていますか？ – shaaa

はい、この方法を使用できます。https://plnkr.co/edit/Ni805uhlMHOxxzr5VO1O?p=preview – user1415066

同じ出力を探しています。ありがとう！ – shaaa

ボタンを削除すると、同じ位置に再度追加する方法anglejs

答えて

関連する問題