Retain data on page reload in Angular 2

angular angular2-template angular2-components
Vinaayakh picture Vinaayakh · Mar 7, 2017 · Viewed 9.5k times · Source

In my Angular 2 app, I pass in some data to a PageComponent from my HomeComponent which is then saved to a variable inside the PageComponent. Now when I refresh the page I need this data to be retained. Currently I am using session storage, but I was wondering if there is a better way to implement this.

Answer

Smit picture Smit · Mar 7, 2017

Nope, There isn't a other way in this context. Once you refresh all the temporary memory is gone. As you said you are performing session-storage. You may continue with that. You may choose the below.

  1. LocalStorage
  2. Cookie
  3. Session

Difference and importance: How to store token in Local or Session Storage in Angular 2?

Related questions

Pass variable to custom component

I have my custom component: @Component({ selector: 'my-custom-component', templateUrl: './my-custom-component.html', styleUrls: ['./my-custom-component.css'] }) export class MyCustomComponent { constructor() { console.log('myCustomComponent'); } } I can use it like this: <my-custom-component></my-custom-component> But how I can pass …

Read More
Angular 2: access an element from the Component, getDocumentById doesn't work

I have an Angular 2 component where I want to retrieve an element div <div id ="myId"> by its id. I try doing: document.getElementById("myId") in my component (TypeScript), but i get an error: "cannot find name document". …

Read More
@Input in Angular 4

I am new to Angular 4.As per my understanding, @Input is used to pass values to a component. But when I use it as mentioned below it doesn't work. my-file.component.html <h1 [user] = "currentuser"></h1> …

Read More