ui路由器的全局狀態與「主視圖」

有人可以請我指向一個管理ui路由器的全局狀態的例子嗎？我試圖實現一個普通的網站模板，包含所有頁面上的頁眉和頁腳，主視圖隨着該視圖中的嵌套視圖一起更改。ui路由器的全局狀態與「主視圖」

<div ui-view="header">應出現在所有頁面上，都有自己的控制器。 <div ui-view>main view保存不同的「頁面」和嵌套視圖 <div ui-view="footer">應該出現在所有頁面上，都有自己的控制器。

我會盡量詳細說明，這是我目前的狀態angulars路由：

<body> 
    <div class="wrap"> 
     <div ng-include="'partials/header.html'"></div> 
     <div ng-view></div> 
     <div ng-include="'partials/footer.html'"></div> 
    </div> 
</body>

我想遷移到UI的路由器，但無法達到同樣的。我需要的報頭和所有頁面頁腳和用戶界面視圖爲主要內容，將持有的所有視圖/嵌套搶答和統計

感謝

來源

2013-11-26 danikoren

這肯定會爲你工作。你只需要確保它是ui-view而不是ng-view。以下是我現在在類似的應用程序中使用的內容：

<div ng-include src="'app/templates/nav.html'" id="global-nav"></div> 
<div ui-view></div> 
<footer ng-include src="'app/templates/footer.html'"></footer>

來源

2013-12-16 19:26:40

Ui-view似乎提供了多個命名視圖。應該有一種方法來建立「佈局」狀態。 – CMCDragonkai

是的，你也可以做到這一點。在一個只有一個視圖變化的應用程序示例中，我認爲將它保留在ui-router之外並且爲靜態視圖添加一個ng控制器會更容易。 –

是的。這就是我一直在做的事情。但我希望能夠通過國家來實現這一點。稱它爲架構實驗。我在這裏擴展了這個問題：http://stackoverflow.com/questions/22104893/angular-ui-router-how-to-create-a-layout-state – CMCDragonkai

ui路由器的全局狀態與「主視圖」

回答

相關問題