2016-10-27 90 views
-1

我的index.html頁面中有一個頂部導航欄。在我的主應用程序中,我也有一個小應用程序。當用戶點擊導航欄上的「App2」時,我想要頂部導航欄隱藏並顯示新的側欄。現在回到「App1」,我有一個按鈕,點擊時隱藏側欄並開始顯示頂欄。在angularjs中處理多個導航欄

我試過使用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; 

回答

0

如果使用的是2級的應用程序,然後根據他們的架構可能需要第三個或香草JavaScript或jQuery的實現的東西。

我的意思是,如果你有2個應用程序,angular.module('App1')angular.module('App2'),那麼如果App2是同級的應用程序不是一個孩子應用程序,你將不能夠通過將其在App1處理ng-hideng-show。如果是這種情況,請創建一個AppManager誰處理的導航是App1App2父。