处理angularjs中的多个导航栏

Question

我的index.html页面中有一个顶部导航栏。在我的主应用程序中，我也有一个迷你应用程序。当用户点击＆＃34; App2＆＃34;在导航栏上理想情况下，我希望隐藏顶部导航栏并显示新的侧栏。现在回到＆＃34; App1＆＃34;我有一个按钮，当点击时隐藏侧栏并开始显示顶栏。

我尝试使用ng-show / hide但问题是因为只有在第一次隐藏/显示工作时才会加载index.html页面（页面加载）。

Index.html 
<div ng-controller="MainCtrl">
<nav class="navbar navbar-default" ng-hide="value>
....
</nav>
</div>

app.js

MainCtrl
//just checks the value once 
$scope.value = $location.path();

if ($scope.value == any_path_in_app1) 
$scope.value = false; 
else 
$scope.value = true;

Answer 1

如果您使用2个应用程序，那么根据它们的架构，您可能需要第三个应用程序或在vanilla javascript或jquery中实现某些内容。

我的意思是，如果您有2个应用angular.module('App1')和angular.module('App2')，那么如果App2是兄弟应用而不是儿童应用，那么您将无法处理{{1}在ng-hide处理它或ng-show。如果是这种情况，请创建App1，将导航视为AppManager和App1为父级。