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

无法隐藏angular 2中登录页面中的导航栏,angular,angular-material,angular-flex-layout,Angular,Angular Material,Angular Flex Layout,我试图在Angular中使用Angular材质和AngularFlex布局实现一个示例应用程序 我已经实现了一个导航栏,我希望它隐藏在登录页面中,并在应用程序的所有页面中可见 我创建了一个名为showmenu.service.ts的服务,其中我声明了一个变量并将其赋值为布尔值。还定义了两个函数show()和hide() 我没有收到任何错误,但我无法在登录页面中隐藏导航栏 请在这里访问我的示例代码。我做了很多更改来解决它 请看看这个 变化是, 注销按钮需要单击事件,而不是直接导航 (click

我试图在Angular中使用Angular材质和AngularFlex布局实现一个示例应用程序

我已经实现了一个导航栏,我希望它隐藏在登录页面中,并在应用程序的所有页面中可见

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

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


请在这里访问我的示例代码。

我做了很多更改来解决它

请看看这个


变化是,

注销按钮需要单击事件,而不是直接导航

(click)="logout()"
注销方法如下(隐藏菜单并在此处进行导航)

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

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

最后我们做到了:)

太棒了,先生…………向您致敬。。。。。。。。。。。。我只是想用不同的方法隐藏导航栏……你只是在幻想,但当我最初登录时,导航栏是不可见的,但是如果我调整大小,它就会出现……这是怎么回事……你的意思是什么resize@Heena但在演示中效果很好:(
 fxShow="{{!showmenu.visible}}"