title: LocalStorage variables are not detected until I manually reload the page in Angular
body: <p>I have a login component which upon successful validation redirects a user to the dashboard page.</p>
  
  <pre><code>// save user in local storage
  localStorage.setItem('authenticatedUser', JSON.stringify(rs.data));
  this.router.navigate(['dashboard/dashboard-home']);
  </code></pre>
  
  <p>In the dashboard component i try to pic the user from local storage like this:</p>
  
  <pre><code>ngOnInit() {
      this._authenticatedUser = JSON.parse(localStorage.getItem('authenticatedUser'));
  }
  </code></pre>
  
  <p>The problem is, <code>this._authenticatedUser</code> is not initially populated when a user is redirected to the page, but when the user refreshes the page, the information is there.</p>
  
  <p><strong>NGREDUX SOLUTION</strong>
  I have done some reading and solutions like redux are a better robust approach, but aren't there other ways I can instantly share objects in Angular easily?</p>