javascript - 如何设置全局变量以提高主导航菜单的可见性

标签 javascript html css angularjs

我正在向我的 Angular 应用程序添加一个登录屏幕,我想在显示登录屏幕时隐藏主导航栏。登录通过后,我需要再次显示主导航。目前主导航是 Index.html 的一部分,它是第一个提供的文件,也是定义 ng-app 的文件。我知道,我可以使用 ng-show 属性,但我不知道如何指定 ng-show 的条件,可以从我的单页应用程序的不同部分访问和更改它。也许,为此目的使用 $rootScope 或类似的东西的一个很好的例子真的会有所帮助。

最佳答案

每个范围都通过其 $root 属性引用 $rootScope。因此,您可以在 HTML 中的任何位置编写

ng-show="$root.mainNavVisble"

其中 mainNavVisible 是 $rootScope 上的一个属性,指示主导航是否应该可见。

关于javascript - 如何设置全局变量以提高主导航菜单的可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21836485/

相关文章:

javascript - jquery表单提交后如何刷新特定div

javascript - 捕获 CORS 错误

javascript - Bootstrap 模态框不会启动

javascript - 在 html 页面中将英文数字转换为阿拉伯数字

javascript - MDL 选项卡加载问题

javascript - 本项目如何将 React 类组件转换为函数组件

javascript - 带有 templateUrl 和 ng-repeat 的自定义指令

javascript - 从生成的 Bootstrap 下拉菜单中查找下拉项

html - 使 div 跨行高度相等

具有透明背景的 Html 标记垂直选项卡