Append a list of item in to Angular JS array?

Question

So we know the code below works:

  $http({ method: 'POST', url: url_getMoreHouse })
        .success(function (data) {
                    alert('Works');
                    console.log(data);

                       $scope.HouseBasket = data;
                });

However if we want to append the data into the current basket which is:

         $scope.HouseBasket += data;

This will cause errors, I dont want to use a foreach loop to push() each data into the $scope.HouseBasket is there a faster way to add a list of Object into the angular list?

Answer 1

is there a faster way to add a list of Object into the angular list

How big is your data ?, Well a simple for loop will not be slower that most possible solutions, but if your destination list is big enough you could use a while loop progressively popping(or shifting) out of the array and pushing to the destination.

$scope.HouseBasket += data; This will cause errors

You are looking for array.concat $scope.HouseBasket = $scope.HouseBasket.concat(data);

---

If you want to achieve this in one line you could :-

use function.apply to push a list at once to the source.

     [].push.apply($scope.HouseBasket, data);

or

     $scope.HouseBasket = $scope.HouseBasket.concat(data);