title: Angular routerLink only triggers ngOnInit once
body: <p>I have found several questions similar to mine, but the big part are related to params, the answers didn't help me to solve my issue. Basically the problem is the following: 
  Once the user logs in, the user is able to visualize his/her username in the navbar, when they click on it, the page takes the user to the profile page, the first time it works perfectly, when the user logs out and logs in with different username the information of the old user is still there unless the page is refreshed. </p>
  
  <p>Service Account</p>
  
  <pre><code>getUserInformation(userId: number) {
  if (!this.userInformation$) {
    this.userInformation$ = this.http.post&lt;any&gt;(this.baseUrlGetUserInfo, { userId }).pipe(shareReplay());
  }
  return this.userInformation$;
  }
  </code></pre>
  
  <p>On init method</p>
  
  <pre><code>ngOnInit() {
  this.route.params.subscribe(params =&gt; {
    this.loaderSpinner = true;
    // tslint:disable-next-line: radix
    // this.userId = this.accntService.currentUserId;
    // tslint:disable-next-line: radix
    this.accntService.currentUserId.subscribe(res =&gt; {
      this.userId = res;
    });
    // tslint:disable-next-line: radix
    this.userInformation$ = this.accntService.getUserInformation(parseInt(this.userId));
    this.userInformation$.subscribe(result =&gt; {
      this.userInformation = result.userInformation;
      console.log(this.userInformation);
      this.loaderSpinner = false;
    }, error =&gt; {
      this.loaderSpinner = false;
      console.error(error);
    });
  });
  }
  </code></pre>
  
  <p>Navbar HTML</p>
  
  <pre><code>&lt;a [routerLink]="['/profile']" class="nav-link" *ngIf="(userName$ | async) as userName"&gt;
            {{userName}}
          &lt;/a&gt;
  </code></pre>
  
  <p>Can somebody help me with this?</p>
  
  <p>Thanks in advance. </p>