AngularJS:动态填充侧边栏和主要内容区域

时间:2014-10-20 13:03:46

标签: angularjs sidebar

我正在用AngularJS写一个SPA。我有一个带有侧边栏和主要内容区域的布局页面。我希望能够基于当前路线动态构建侧边栏内容和主要内容区域。我可以使用<ng-view>和部分HTML模板处理主要内容区域,但这会使侧边栏保持不变。 Angular中有一个很好的模式吗?

1 个答案:

答案 0 :(得分:4)

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

我有一个SidebarItemService,它包含一系列侧边栏项。您可以在那里添加或删除项目。

我的侧边栏指令绑定到此SidebarItemsService,每次状态/路线更改时,它都会清除侧边栏中的所有项目(stateChangeStart / routeChangeStart事件)。

现在您可以在控制器中添加一些项目。

希望它有所帮助!