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

Question

我有以下页面布局：

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

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

提前谢谢

Answer 1

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

Answer 2

这是许多人想用标准角度路由器完成的事情，但没有黑客尝试就不能正常工作。这就是Angular-UI团队正在研究嵌套状态问题的更精细解决方案的原因。

结帐ui-router module。请务必仔细阅读the docs并仔细阅读the sample app，因为这可能会让您感到有些困惑。