Removing values from one array and moving to another Array

Question

I have an array $scope.multiRoles , I need to remove the values inside it by clicking remove button. And the removed value should moved to another array $scope.role. I am able to remove the array by calling removeRole() but couldn't move the removed values into another array. Need assistance.

Html:

<div ng-if="rolesAdded" class = "col-sm-12 col-xs-12">
  <span class="tag label tagStyle newStyling" value ="data" ng-repeat="data in multiRoles track by $index">
    <span>{{data}}</span>
    <a><i ng-click="removeRoles(index)"class="remove glyphicon glyphicon-remove-sign "></i></a> 
  </span>
</div>

JS:

$scope.removeRoles = function(index){
  if(($scope.multiRoles!== null ) && ($scope.multiRoles.length>1)) {
    $scope.multiRoles.splice(index,1);                         
  }

  $scope.rolesAdded = true;
};

Duplicate here?

DieuNQ
– DieuNQ

2016-10-07 10:05:39 +00:00
Commented Oct 7, 2016 at 10:05 — DieuNQ
– DieuNQ, Commented Oct 7, 2016 at 10:05

Jigar7521 · Accepted Answer · 2016-10-07 10:08:15Z

1

$scope.role = [];
$scope.removeRoles = function (index) {
if (($scope.multiRoles !== null) && ($scope.multiRoles.length > 1)) {
    $scope.role.push($scope.multiRoles[index])
    $scope.multiRoles.splice(index, 1);
}
$scope.rolesAdded = true;
};

answered Oct 7, 2016 at 10:08

Jigar7521

1,5791 gold badge14 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jigar7521 Over a year ago

You will have just push that element to the another array before remove it, that's it :)

Martin Gottweis Over a year ago

Good job, but it's always nice if you could include more explanation of your code.

Jigar7521 Over a year ago

Yes yes that's right, but i wrote it from existing question's code. But your suggestion is actually good idea, Thanks. :)

taguenizy · Accepted Answer · 2016-10-07 10:40:51Z

1

You are not adding it anywhere. And since you are using the index for your logic you need to add it in the other array before removing it. Consider this

$scope.removeRoles = function(index){
    if($scope.multiRoles !== null && $scope.multiRoles.length > 1) {
        $scope.role.push($scope.multiRoles[index]);
        $scope.multiRoles.splice(index,1);            
    }
    $scope.rolesAdded = true;
};

Also $scope.role should be an existing array

edited Oct 7, 2016 at 10:40

answered Oct 7, 2016 at 10:01

taguenizy

2,2851 gold badge12 silver badges26 bronze badges

Comments

Kumaraguru · Accepted Answer · 2016-10-07 10:05:41Z

0

I think pushing the value before splicing the array can work.

Try this:

 $scope.removeRoles = function(index){
            if(($scope.multiRoles!== null ) && ($scope.multiRoles.length>1)) {
          $scope.role.push($scope.multiRoles[index])
          $scope.multiRoles.splice(index,1);            

            }

            $scope.rolesAdded = true;
        };

answered Oct 7, 2016 at 10:05

Kumaraguru

1315 bronze badges

Comments

Nicoleta Wilskon · Accepted Answer · 2016-10-07 10:56:02Z

0

I got a solution :

JS :

  $scope.removeRoles = function(index,data){

        if(($scope.multiRoles!== null ) && ($scope.multiRoles.length>1)) {
               var index = $scope.multiRoles.indexOf(data);
      $scope.multiRoles.splice(index,1);
             $scope.role.push(data);

answered Oct 7, 2016 at 10:56

Nicoleta Wilskon

6971 gold badge11 silver badges37 bronze badges

Collectives™ on Stack Overflow

Removing values from one array and moving to another Array

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related