angularjs - 如何在 angular.js 中管理多个视图

Question

我有以下页面布局：

1. 是主菜单
2. 是顶部菜单
3. 是内容[编辑：哎呀，我似乎丢失了一些编号，第 3 节是大的中间部分 :)]

我希望有单独的部分由单独的模块管理（处理）（这似乎合乎逻辑），所以如果我只有一个ng-view处理整个页面视图的模块，我该怎么做。如何将模块绑定到单独的 ui 部分？

先感谢您

Answer 1

将主菜单和顶部菜单定义为指令，仅将主要内容定义为 ng-view 容器。指令具有专用的模板和控制器，有助于实现代码模块化。

Answer 2

这是许多人想用标准的角度路由器来完成的事情，但如果没有骇人听闻的尝试，它就不能很好地工作。这就是为什么 Angular-UI 团队正在努力为嵌套状态问题提供更完善的解决方案。

检查ui-router 模块。请务必仔细阅读文档并查看示例应用程序，因为一开始可能会有些混乱。