我正在用AngularJS写一个SPA。我有一个带有侧边栏和主要内容区域的布局页面。我希望能够基于当前路线动态构建侧边栏内容和主要内容区域。我可以使用<ng-view>
和部分HTML模板处理主要内容区域,但这会使侧边栏保持不变。 Angular中有一个很好的模式吗?
答案 0 :(得分:4)
看看我的jsfiddle:http://jsfiddle.net/U3pVM/9955/
我有一个SidebarItemService,它包含一系列侧边栏项。您可以在那里添加或删除项目。
我的侧边栏指令绑定到此SidebarItemsService,每次状态/路线更改时,它都会清除侧边栏中的所有项目(stateChangeStart
/ routeChangeStart
事件)。
现在您可以在控制器中添加一些项目。
希望它有所帮助!