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

Question

我有以下页面布局:

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

我想有一个单独的部分由一个单独的模块管理(处理)(这似乎是合乎逻辑的),所以如果我只有一个ng-view处理整个页面视图的话,我该怎么做呢.如何将模块绑定到单独的ui部分？

先感谢您

Answer 1

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

Answer 2

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

检查ui-router模块.请务必仔细阅读文档并查看示例应用程序,因为它最初可能有点令人困惑.