Can't add objects in array Angular

Question

I have Java service which retrieves table from oracle database and I want to display the result in Angular application, also I have an array of Objects in Angular:

resultSet:Info[]=[];

service:

 pastHourInfo() {
        const url='/SearchApp-1.0/users/transaction';
        return this.http.get(url).pipe(map((data:any)=>data));
    }

this is my service subscribtion:

checkPasHourInfo() {
        this.searchService.pastHourInfo().subscribe(data => {
            console.log("we got: ",data);
            this.resultSet.push(data);
            console.log(this.resultSet.length);
        },
        error => {
          console.log("Error",error);

    },);

Problem is the next. The result is 77 rows . console.log("we got: ",data) gives correct result. you cans see it here

but console.log(this.resultSet.length); prints "1" when it must be 77.

What is the problem?

You are pushing array inside array. Just replace it like this :this.resultSet = data; instead of this.resultSet.push(data); — Shashikant Devani
– Shashikant Devani, Commented Nov 21, 2018 at 8:55

t3__rry · Accepted Answer · 2018-11-21 08:35:13Z

1

From your screenshot it seems that your are pushing the array into your result array, you could spread your data into the array as such:

this.resultSet.push(...data);

answered Nov 21, 2018 at 8:35

t3__rry

2,8592 gold badges26 silver badges39 bronze badges

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

Comments

t3__rry · Accepted Answer · 2018-11-22 07:23:18Z

1

You are pushing an array into an array. So your array looks like this

resultSet[].length = 1;
resultSet[0].length = 77;

Instead of doing:

this.resultSet.push(data);

try this:

this.resultSet.concat(data);

Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

edited Nov 22, 2018 at 7:23

t3__rry

2,8592 gold badges26 silver badges39 bronze badges

answered Nov 21, 2018 at 8:34

Teun van der Wijst

1,1171 gold badge10 silver badges24 bronze badges

Comments

Niral Munjariya · Accepted Answer · 2018-11-21 08:36:05Z

0

You can add array into another array as below:

this.resultSet.concat(data)

answered Nov 21, 2018 at 8:36

Niral Munjariya

1,39113 silver badges27 bronze badges

Collectives™ on Stack Overflow

Can't add objects in array Angular

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related