AngularJS push two lists in one

Question

I'm using angularJS and I have a problem: I have 2 $scope:

$scope.list1{
Object 1,
Object 2,
Object 3}

$scope.list2{
Object 4,
Object 5,
}

and I want this result:

$scope.res{
Object 1,
Object 2,
Object 3,
Object 4,
Object 5}

I don't know what function to use in agularJS, I did use

angular.merge($scope.res, $scope.list1, $scope.list2)

but I got empty result I don't know if merge is the good function so I need your help

What nina is saying is that there is nothing in javascript with that syntax. There are arrays $scope.list = [obj1, obj2, obj3]; and there are objects $scope.list1 = { key: obj1, key: obj2 };. You are saying list, so arrays perhaps? But you are using curly brackets, so probably objects then? But there are no key/values so perhaps arrays anyway? As the question reads right now the answer you need is: Go and read some basic javascript tutorial that explains arrays and objects, and then please come back and try again! (Or you could edit your question and add valid data.) — ippi
– ippi, Commented May 3, 2017 at 15:21
look at this: stackoverflow.com/questions/43759566/… this is my problem, I didn't get any answer so I write a simple post here :) — Ragnar Lodbrok
– Ragnar Lodbrok, Commented May 3, 2017 at 16:30

Mistalis · Accepted Answer · 2017-05-03 15:03:05Z

4

The Angular way would be using angular.extend:

Extends the destination object dst by copying own enumerable properties from the src object(s) to dst. You can specify multiple src objects. If you want to preserve original objects, you can do so by passing an empty object as the target: var object = angular.extend({}, object1, object2).

angular.extend($scope.list1, $scope.list2);

answered May 3, 2017 at 15:03

Mistalis

18.3k14 gold badges78 silver badges97 bronze badges

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

Comments

Emanuel Oliveira · Accepted Answer · 2017-05-03 15:02:13Z

2

You can use array concat.

Ex:

$scope.res = $scope.list1.concat($scope.list2);

answered May 3, 2017 at 15:02

Emanuel Oliveira

565 bronze badges

1 Comment

Emanuel Oliveira Over a year ago

That's nice! ;)

Neha · Accepted Answer · 2017-05-03 15:09:04Z

0

$scope.list1.forEach(function (selectedItem) {
        $scope.res.push(selectedItem);
    });
$scope.list2.forEach(function (selectedItem) {
        $scope.res.push(selectedItem);
    });

Try above code

answered May 3, 2017 at 15:09

Neha

1971 silver badge12 bronze badges

3 Comments

Neha Over a year ago

Can you please let us know if the solutions given here worked for you?

m.spyratos Over a year ago

Can you please explain why he should try the above? How does this solve his problem and what more does this offer compared to the other answers?

Neha Over a year ago

I knew this answer, I never tried other options... You are too rude

Collectives™ on Stack Overflow

AngularJS push two lists in one

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related