如何獲得頁面的全球範圍內，當路由變化

Question

我有模板（即不通過路由器定義），在那裏我有2個鏈接（錨），它的變化而變化

<a ng-href="#/service/service1" 
    ng-click="activeService='minecraft'"> 

然後我有2個圖像 - 他們的類依賴於通過設置變量NG單擊

ng-class="activeService != 'none' ? { true: 'service-maximize-animate', false: 'service-minimize-animate'}[activeService=='service1'] : ''" 

這完美的作品。但是，當我按在瀏覽器中直接或改變URL地址，路由變化，ng-view更新，但圖像（全球模板不是由路由器設置）不更新後退按鈕（他們是不是在ng-view （模板））

在這裏，我所面臨的問題 - 我必須使用controller，但我無法通過路由器使用controller，因爲它的範圍只爲模板（ng-view）。

我也嘗試過使用ng-controller，但是它在路由改變時不會被調用。

有什麼辦法解決嗎？ 另外，我想知道是否有什麼辦法可以讓ng-view更好的可讀性，現在它的可怕:)

感謝， 米哈爾Hojgr

編輯：的jsfiddle：http://jsfiddle.net/5rzGU/9/

Answer 1

我使用Angular的Observer系統解決了這個問題。在控制器，這是路線後，叫了變化，它廣播的事件

$rootScope.$broadcast('event'); 

，並在控制器中，有不同的$範圍比路由器之一，它監聽event

$scope.$on('event', function() { 
     //code 
}); 

希望它可以幫助任何人:)

Answer 2

一個的jsfiddle /搶劫者在這裏會非常有幫助。

據我所知，這兩個控制器是獨立的。當你回頭或轉發的URL只有ng-view的變化，因爲只有ng-view處理路由器。 other controller不知道ng-view's controller正在發生什麼。要麼你需要發送一條消息從ng-view controller到other controller，這裏討論：AngularJS: How can I pass variables between controllers?

或者你可以考慮將第二個控制器轉換爲指令。

至於提高ng-view的可讀性。考慮將其拆分成更小的模塊 - 儘可能使用指令。