Handhabung mehrerer Navigationsleiste in angularjs

Question

Ich habe eine obere Navigationsleiste in meiner Index.html Seite. In meiner Haupt-App habe ich auch eine Mini-App. Wenn ein Benutzer in der Navigationsleiste auf "App2" klickt, möchte ich, dass die obere Navigationsleiste ausgeblendet wird und eine neue Seitenleiste angezeigt wird. Um nun zu "App1" zurückzukehren, habe ich eine Schaltfläche, die beim Anklicken die Seitenleiste ausblendet und die obere Leiste anzeigt.

Ich habe versucht mit ng-show/hide aber Problem ist, da die index.html Seiten lädt nur einmal die hide/show funktioniert nur zum ersten Mal (Seite laden).

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

Wenn Sie 2-Anwendungen verwenden, dann auf der Architektur von ihnen abhängig Sie einen dritten benötigen oder implementiert etwas in Vanille JavaScript oder jQuery.

Ich meine, wenn Sie zwei Anwendungen haben, angular.module('App1') und angular.module('App2'), dann, wenn App2 ist ein Geschwister App kein Kind App, die Sie nicht in der Lage zu handhaben ng-hide oder ng-show, indem sie auf App1 Behandlung. Wenn dies der Fall ist, erstellen Sie eine AppManager, die die Navigation behandeln App1 und App2 Eltern.