how to add new object to the existing dynamic response using angular

Question

I'm getting this dynamic response from the server . and here i want to push my mapD data into mapData (i.e Dynamic Data);

[
      {
        Name: "Aura",
        OrderState: "2",
        latitude: "28.197619999999997",
        longitude: "65.24778333333334"
      }
    ]

I store the above dynamic response as this.mapData = res.Data .

I have a static data too e.g.

public mapD:any=[{
    Name: "mad",
    OrderState: "2",
    latitude: "39.6868",
    longitude: "83.2185"
    }]

I want this above static object to contain the dynamic object so that I will get 2 objects in total - I'm using push method but unable to get the data using

this.mapD.push(this.mapData)

and im using mapData for saving the response and looping it in the template

I will get 2 objects in total - you mean two objects in the mapD array? — mplungjan
– mplungjan, Commented Mar 28, 2018 at 14:09
You received an Array. If the array always has only a uniqe element you must do this.mapD.pus(this.mapData[0]) — Eliseo
– Eliseo, Commented Mar 28, 2018 at 14:21

Faly · Accepted Answer · 2018-03-28 14:06:54Z

1

You cannot push an array into another. Use spread instead:

this.mapD.push(...this.mapData);

Or array.concat if you cannot use ES6:

this.mapD = this.mapD.concat(this.mapData);

answered Mar 28, 2018 at 14:06

Faly

13.4k2 gold badges21 silver badges39 bronze badges

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

3 Comments

Shyam Nair Over a year ago

by using spread operator im getting this below error --Cannot read property 'apply' of undefined-- im using mapData for saving the response and looping it in the templatethis.mapData

fastAsTortoise Over a year ago

Initialize your map data like this.mapData=[];

Mixalloff Over a year ago

you can use safe call like this this.mapD.push(...(this.mapData || []));

Fel · Accepted Answer · 2018-03-28 14:14:41Z

0

I'm not sure of what you mean, but if you want to merge the returned array mapData into the existing one mapD, you could try the following:

Array.prototype.push.apply(this.mapD, this.mapData);

It will store the result in this.mapD.

Hope this helps,

answered Mar 28, 2018 at 14:14

Fel

4,89812 gold badges46 silver badges102 bronze badges

Comments

Miquel Canal · Accepted Answer · 2018-03-28 14:23:19Z

0

You could declare mapD as an array of mapData so you could later access you object properties. A simple example:

mapData: Array<any>
mapD: Array<any>

getResponse() {
   this.yourApiService.subscribe(
      (response: Array<any>) => {
          this.mapDdata = response;
          // Loop through the response array here or push first item
          this.mapD.push(reponse[0]);
      }
   );
}

Now you have mapD which is of type array and contains your mapped mapData objects. This allows you to access the properties of the objects stored on that array.

edited Mar 28, 2018 at 14:23

answered Mar 28, 2018 at 14:14

Miquel Canal

1,1211 gold badge19 silver badges27 bronze badges

2 Comments

Shyam Nair Over a year ago

im storing my respose in mapData

Miquel Canal Over a year ago

I have updated the above to add your response under mapData. If you wish to append the response into your static array you should push it right after the response.

Collectives™ on Stack Overflow

how to add new object to the existing dynamic response using angular

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related