无法在 angular 2 中隐藏登录页面中的导航栏

Unable to hide the navigation bar in login page in angular 2

我正在尝试使用 Angular 在 Angular 中实现示例应用程序Material 和 Angular Flex Layout.

我已经实现了一个导航栏，我想将其隐藏在登录页面中并在应用程序的所有页面中可见。

我创建了一个名为 showmenu.service.ts 的服务，我在其中声明了一个变量并将其分配为布尔值。还定义了两个函数 show() 和 hide()

我没有收到任何错误，但我无法隐藏登录页面中的导航栏。

请在此处访问我的示例代码..https://stackblitz.com/edit/sample-login-bm7t1c?file=app%2Fshowmenu.service.ts

我做了很多更改来解决它。

请看这个

working code

变化是，

您需要一个用于注销按钮的点击事件，而不是直接导航 

(click)="logout()"

注销方法应该如下所示（隐藏菜单并在此处进行导航）。 

logout()
  {
    this.showmenu.hide();
    this._router.navigate(['myform']);
  }

我也不知道为什么 [hidden] 不适合你。所以我只是使用 fxShow 中可见的 属性 来解决你的问题。 

 fxShow="{{!showmenu.visible}}"

我们终于做到了 :)