angularjsで複数のナビゲーションバーを扱う

Question

index.htmlページにトップナビゲーションバーがあります。私の主なアプリの中に私はミニアプリもあります。ユーザーがナビゲーションバーの「App2」をクリックすると、上のナビゲーションバーが非表示になり、新しいサイドバーが表示されます。ここで "App1"に戻るには、クリックするとサイドバーが非表示になり、一番上のバーが表示されます。

ng-show/hideを使用しようとしましたが、index.htmlページがhide/showが最初にしか動作しない（ページの読み込み）ときにのみ読み込まれるため問題があります。

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

あなたは、あなたが三番目を必要とするか、JavaScriptやjQueryのバニラで何かを実装して、それらのアーキテクチャに応じて、2つのアプリを使用している場合。

あなたは2つのアプリ、angular.module('App1')とangular.module('App2')を持っている場合App2は兄弟アプリではない子アプリであれば、私は意味、あなたはApp1上でそれを処理することにより、ng-hideまたはng-showを処理することができなくなります。そのような場合は、App1とApp2の親のナビゲーションを扱っているAppManagerを作成してください。