繁体   English   中英

在Angular 2中动态显示/隐藏菜单栏

Show / Hide menu bar dynamically in Angular 2

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我目前正在从事Angular 2项目。 我实现了两个组件(1.标头和2.显示页面内容)。 如果我打开服务,我将从登录/注册开始。 目前,我想隐藏所有其他菜单项。 如果我已登录,则要显示所有菜单项。

目前,我正在使用* ngIf来显示和隐藏菜单项,实际上是有效的。 我的问题是,如果我启动该页面但未登录,则菜单项不存在(这很好)。 但是,如果我登录,只是具有页面内容的容器会更改内容,而不是菜单栏...

目前,我以这种方式检查是否登录:

 <div *ngIf="user != null"> ...menu items... </div> 

如果重新加载整个页面,此方法有效-但我认为应该有一种更好的方法来实时显示/隐藏菜单项,而无需手动刷新?

您能帮我解决这个问题吗?

1 个回复

您可能应该创建一个全局用户服务,该服务跟踪用户状态并且组件可以订阅,以便始终获得有关用户登录位置或不登录位置的实时更新。

如果此时您不喜欢ngif解决方案,则可以选择以下几种方法:您可以创建一个全新的组件并将其显示在仅当用户登录时才可访问的路由中,或者可以执行诸如create的操作菜单项数组,用于控制导航菜单项并运行ngfor。

您需要回答更多问题的问题,例如您当前在哪里跟踪用户状态(您的用户变量)以及如何通知组件此变量发生变化? 仅凭猜测,您可能是根据构造函数中的本地存储或标题中的oninit函数设置用户变量,然后将其保留。 这将导致它一次获得用户的值,但以后不会更新,这就是为什么它将在页面刷新时正确显示的原因。

1 在Emacs中动态显示/隐藏菜单栏

我在f11上menu-bar-open绑定,并关闭了菜单栏,因此, f11调用tmm-menubar ,这tmm-menubar方便,并且由于某种原因没有特定于模式的菜单项(例如org和tbl in组织模式)。 我希望它的行为是这样的:使菜单栏可见,使用户能够选择菜单项,然后使菜单栏再次不可见。 ...

2 我可以禁用菜单栏上的菜单项和/或动态显示它吗?

这是我添加到我的软件中的新视图菜单: 我的编辑器(一个CDialog )有两种模式。 此视图菜单仅适用于其中一种模式。 目前我只是禁用这样的菜单项: 这工作正常。 但是有什么办法可以: 禁用菜单栏上的实际查看菜单项? 根据需要删除/添加菜单? 由于菜单始终存在,我只是禁用了 ...

3 如何显示和隐藏菜单栏

请查看此菜单的设计: http : //jordanek.eu/aktual/index6.html我在其中制作了一个菜单(左侧),该菜单具有一些功能,例如,单击白色条形“ Vyrobce”,然后单击黄色条形“会出现“ Vyrobce”,白色栏“ Vyrobce”会消失。 然后,当单击黄色栏“ ...

5 如何动态显示(隐藏)动作栏

我的应用程序包含一个AppCompatActivity和一些片段,在某些片段中,我要隐藏操作栏(例如,登录片段),在其他片段中,我要显示操作栏。 该应用程序有一个主题&lt;style name="AppTheme" parent="Theme.MaterialComponents.Light ...

6 如何在angular 7中动态显示隐藏?

*以我的HTML * 在我的TS中 在单击任何div时,它将打开该.div,但是在单击下一个div时,它会打开下一个以及关闭第一个。 * 我想要的是 * 这是我的示例https://stackblitz.com/edit/angular-showhide-088?file= ...

7 隐藏和显示父母和孩子菜单栏

我正在尝试制作菜单栏。 当某人单击父项li(showul)时,我想使子项li(hideul)滑落。 当某人单击另一个父li时,它又应该打开相应的子li并隐藏所有先前打开的li。 检查我的jsfiddle以获得更好的理解。 请帮助。 我正在学习jQUery。 ...

2016-06-11 10:48:31 5 95   jquery
8 滚动时隐藏或显示菜单栏

当$('body').scrollTop() &gt; 45时我要给div设置动画 用户向上滚动时,我需要为同一div设置动画。 我尝试了这段代码, 如果可行的话 ,第一个。 如何获得第二个条件才能工作? ...

9 WPF菜单-动态显示和隐藏内容

我需要创建交互式菜单。 选择选项后,我想显示适当的内容。 例如,当单击选项“ Schemat bazy Northwind”时,应将“图像”添加到我的网格中。 选择另一个选项时,先前的内容将被删除,等等。 我想到的唯一一件事就是创建函数,这些函数在开始时会清除网格并在以后添加内容( ...

10 Java的菜单栏中没有菜单栏显示

我有一个简单的程序,我想在其中创建菜单栏,菜单和菜单项。 但是我的程序中出现两个问题。 1我添加以下代码后,我的框架没有显示在屏幕中央: 第二个问题是没有菜单显示在框架中,但是我在其中添加了3-4个菜单和菜单项 这是我的应用程序代码: ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM