Angular2: Using routes, how to display the navigation bar after successfully logged in?
<p>I'm trying to show the navigation bar, once the user successfully do.</p>

<p>For example:</p>

<p>How To Change "showMenu" property in "AppComponent" inside the "LoginComponent"? Important: I am using routes.</p>

<p>app.ts:</p>

<pre><code>@Component({
  selector: 'app',
  template: `&lt;div *ngIf="showMenu"&gt;
               &lt;fnd-menu-nav&gt;&lt;/fnd-menu-nav&gt;
             &lt;/div&gt;
             &lt;router-outlet&gt;&lt;/router-outlet&gt;
              `,
  directives: [ROUTER_DIRECTIVES, MenuNavComponent]
})
@RouteConfig([
  { path: '/login', name: 'Login', component: LoginComponent, useAsDefault: true },
  { path: '/welcome', name: 'Welcome', component: WelcomeComponent }
])
export class AppComponent {
  public showMenu : boolean;
}
</code></pre>

<p>login.component.ts:</p>

<pre><code>@Component({
  selector: 'fnd-login',
  templateUrl: './fnd/login/components/login.component.html',
  providers: [LoginService]
})
export class LoginComponent {
  /* .. other properties */

  constructor(private _router: Router, private _loginService: LoginService ) {
  }
  /* .. other methods  */
  /* .. other methods  */


  private onLoginSuccessfully(data : any) : void {
    /* --&gt; HERE: Set showMenu in AppComponent to true. How? */
    this._router.navigate(['Welcome']);

  }
}
</code></pre>

<p>Or this design is not the best way to solve it?</p>