AngularJS：動態填充側欄和主要內容區域

Question

我正在用AngularJS編寫SPA。我有一個帶側邊欄和主要內容區域的佈局頁面。我希望能夠根據當前路線動態構建側邊欄內容和主要內容區域。我可以使用<ng-view>和部分HTML模板處理主要內容區域，但這會使邊欄保持不變。在Angular中有這樣一個好的模式嗎？

Answer 1

看看我的jsfiddle：http://jsfiddle.net/U3pVM/9955/

我持有的側邊欄項目陣列的SidebarItemService。您可以在那裏添加或刪除項目。

我的側邊欄指令綁定到此SidebarItemsService，並且每次狀態/路線更改時，它都會清除側邊欄中的所有項目（stateChangeStart/routeChangeStart事件）。

現在您可以在控制器中添加一些項目。

希望它有幫助！