无法在角度2

Question

我正在尝试使用 Angular 材料和 Angular Flex在 Angular 中实施示例应用 布局。

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

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

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

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

Answer 1

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

请看一下

working code

变化是，

您需要点击事件才能退出按钮而不是直接导航

(click)="logout()"

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

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

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

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

最后我们做到了 :)