控制HTML頁面時改變

我有一個單頁角的應用，這是我的index.html文件：控制HTML頁面時改變

<html ng-app="myApp"> 
... 
<div id="bash">...</div> 
... 
<div id="menu">...</div> 
... 
<div ng-view></div> 
... 
</html>

然後，我有一個家居控制器，其模板，並有關於我們的控制器自己的模板。我希望他們的模板能夠在ng-view中看到，但是我希望#bash只有在URL以/home結尾時纔會出現，並在URL以其他任何內容結束時隱藏。

我不能這樣做，通過家庭控制器，因爲它是NG-視圖

之外，我無法通過正常的JS文件以及因爲應用程序加載一次做到這一點。

我可以通過每個控制器，並有一個js函數，改變#bash的css並將顯示變爲false，但我寧願只在一個地方有條件，我相信它是可行的。有任何想法嗎？

爲什麼你不能從家庭控制器做到這一點？

<div id="bash" ng-show="bashShown()">...</div> 

... 

$scope.bashShown = function() { 
    return $location.path().endsWith('/home'); 
};

2017-02-12 12:07:17

它不會被調用，因爲它是家庭控制器的範圍，因爲這將在你的主控制器，一個控制bash的DIV的NG-視圖 –

之外。如果你沒有這樣的控制器...創建它：''。 –

回答