How to properly use global variables in SPA?

Question

Angular

I have an idea for a small browser-based text quest, I want to make it in angularjs in SPA format.
During the implementation, I ran into such a question - how to use global variables correctly. For example, there are character characteristics that can change throughout the quest.
What is the correct way to use variables for this, so that they can be accessed from any controller with the ability to change them?

Answer 1

https://angular.io/tutorial/toh-pt4
For a small quest, services should be enough, but if you want states, here is
https://github.com/ngrx/store for 2
https://github.com/ngrx /platform for 4+