javascriptangularangular-state-managmement

Keep state of previous page in Angular 10

im reading data in component A, route to component B and pass data as extras. Component B now has this data in its instance scope. I then pass this data to component C and do something with that data. If I now return to component B by going back a page, the data which I received from A (my state) is not present anymore.

My question: How can I keep the state of B?

Solution

  • You can store your data in a shared service, as these are singleton classes, the data will persist until your application is destroyed.

    @Injectable({
  providedIn: 'root',
})
export class MyService {
  data = '';
}

    export class OneComponent implements OnInit {
  constructor(private myService: MyService){};

  ngOnInit(): void {
    this.myService.data = "I'm not going anywhere!"
  }
}