How to save array value as globally and access to other modules in angular 4

There are many ways to store/save your "response array".

• if your site is not SPA and you are jumping from one page to another, you can store it in cookies, localStorage or sessionStorage.
• if you site is SPA you can create a service that will serve that array to any component or further more you can use Redux for Angular.

create a service in your app and use the below code create a setter and getter method

constructor(private val: any) {}

set val(val){
  this.val = val
}
get val(){
 return val
}

call setter method and update the value whenever you get new data from api



call getter method after  creating an instance of this service in ahy of you component in same module

You create service in angular and use it. Service will hold data globally and updated. Basically you would declare variable in service and access in component and update there. Use where you want to use

You can do it either with service or model.

1)In model,declare a variable of array type and assign the http response to that model variable and import model in your component .

2)In service, create get and set functions and call set function with http response and call get in your desired component file

Either ways you can access data across all modules and components.

I created one service file with set and get functions. At first time it saved and retrieved correctly.

But if I go to next page and come back again the values are reseted and value got empty.