如何设置全局变量以驱动主导航菜单的可见性



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

每个作用域都通过其 $root 属性引用$rootScope。因此,您可以在HTML中的任何地方编写

ng-show="$root.mainNavVisble"

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

最新更新