使用 ui-router 时如何构建 angular.js 应用程序组件?

How to structure angular.js app components when using ui-router?

由于有状态路由支持,我决定使用 angular-ui-router 而不是 ng-route。

但是,我对如何以有意义的方式布置和存储我的应用程序组件感到有点困惑。有什么想法或例子可以帮到我吗?

注意:我现在正在为我的结构使用基于组件的方法。这意味着,我有例如“./components/ObjectSidebar”。但我也对强加一个由 'HeaderController'、'MainPageController、FooterController 等组成的 'overall application structure' 非常感兴趣。我是否可以将这些组件全部包含在同一页面中?我将如何构建我的应用程序以模块化 'MainPageController' 下的所有组件(然后可以包括我的其他组件,例如 'ObjectSidebar',依此类推。

这是我不久前写的一些东西,可以作为一个很好的起点(或一个很好的对话开场白)围绕如何布局具有权限的 UI 路由器应用程序:https://gist.github.com/bvaughn/90343c06467e9bcb8d27

如果您想进一步聊天(或对 Gist 有疑问),请随时回复。 :)