How to make variables persistent in angular?

I have a problem. So, I’m creating an angular application that a user need to be validated, approved by someone and has a role. Basically I have 3 variables: isApproved, role and isValidated. Also I have a JWT token for authentication and authorization. How should I make these 3 variables persistant? I want to diplay users different pages if they are validated, or if they are only approved, or if they have only a specific role and they are validated, but not approved, and so on.
I’m thinking of storing them in local storage, but the user can change the values there. Another way that I think is that everytime a user refresh the page, to call an API that give me these 3 variables from the backend, but I don’t know if this is a good way to do that. Or is there any way of getting the values from token? Like using claims or something, and decoding the token on the client side to get the values?
Please help me if you can. Thanks and have a good day! 🙂

Authorisation with ASP.NET Web Api and Angular 10

I am looking for a way to implement authorization to my web app, only certain users should be able to access sensitive parts of the app. I will use windows authentication, the users that are added to the web config will be eligible to access the app, the user management part will only be visible to authorized users.

ASP.NET MVC – Alternative to Role Provider?

I’m trying to avoid the use of the Role Provider and Membership Provider since its way too clumsy in my opinion, and therefore I’m trying to making my own “version” which is less clumsy and more manageable/flexible. Now is my question.. is there an alternative to the Role Provider which is decent? (I know that I can do custom Role provier, membership provider etc.)