I have an angular application with a page with a form inside. In that page there is also a link to an external website. In the external website the user does something and then is directed back to my page.
I would like the data the user initially adds to my page's form to be saved so that when the user comes back from the external website, he will find the initial page with all the information he inserted.
The only solution that comes to mind is cookies/localStorage. So for example I would have to save all the data in the localStorage, go to the external website, come back to my page, and load the data from the localStorage.
Is that the only way or is there a better solution?
Thank you!
You could set your desired data in the route and retrieve it in your Angular application. For Example, you want to check whether or not your user has checked something once they have been redirected to the external website; all you need to do is set a query param and then check it once the user comes back to your original web application.
e.g.:
yourwebsite.com/home?hasSelected=true
And in your component, you can access it like below:
constructor(private readonly activatedRoute: ActivatedRoute) { }
ngOnInit() {
this.param1 = this.activatedRoute.snapshot.paramMap.get('param1');
}
You can learn more about getting data from query params Here.