title: Where to store user information other than local storage in Angular 6 application and persist the same on reload?
body: <p>In my Angular 6 Application have some data object which includes <code>user roles</code>. </p>
  
  <p>Depending on the roles i <code>hide/show</code> the modules in the UI. I'm storing the user details in <code>localstorage</code>. </p>
  
  <p>But, i dont want to expose the current user details and don't want to store the details in <code>localstorage</code> so that it can be edited to see the other modules.</p>
  
  <p>Is their any way to keep the data so that it can't be edited and should persist on <code>page reloads</code> as well?</p>
  
  <p>Any help is highly appreciated. Thanks in advance.</p>