title: Angular2: Using routes, how to display the navigation bar after successfully logged in?
body: <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>