angular js ui-router 的不同页面结构
different page structures with angular js ui-router
这是非常基本的，但我真的被困在这里，这是我的问题：
我正在使用 angular-ui-router 和 angular js
这就是我的页面结构（左：主页，Right:Inner 页面（/about-us））：
主页 (/)
Header
Content (100% width, one column)
Footer
所以我为页眉和页脚创建了指令，它们将在整个站点中通用。 & 我在 ui-view 中加载内容，这是我的主模板的样子
<header-directive></header-directive>
<div ui-view></div>
<footer-directive></footer-directive>
这是所有其他页面结构，例如 (/about-us)
Header
Content Image/Map (100% width)
Content (75% Width)
Sidebar (25% Width)
Footer
所以根据上面的Homepage结构我现在需要在UI-VIEW中加载Content Image/Map, Content, and Sidebar，但是Sidebar也是通用的，不会改变在内页上。
所以内页我只想加载ContentImage/Map，还有Content。有办法实现吗？
有一篇关于 UI-Router http://www.funnyant.com/angularjs-ui-router/ 的非常好的博客 post。作者在这里创建了与您的示例类似的示例，因此我认为它可能对您有所帮助。
这是非常基本的，但我真的被困在这里，这是我的问题： 我正在使用 angular-ui-router 和 angular js
这就是我的页面结构（左：主页，Right:Inner 页面（/about-us））：
主页 (/)
Header
Content (100% width, one column)
Footer
所以我为页眉和页脚创建了指令，它们将在整个站点中通用。 & 我在 ui-view 中加载内容，这是我的主模板的样子
<header-directive></header-directive>
<div ui-view></div>
<footer-directive></footer-directive>
这是所有其他页面结构，例如 (/about-us)
Header
Content Image/Map (100% width)
Content (75% Width)
Sidebar (25% Width)
Footer
所以根据上面的Homepage结构我现在需要在UI-VIEW中加载Content Image/Map, Content, and Sidebar，但是Sidebar也是通用的，不会改变在内页上。
所以内页我只想加载ContentImage/Map，还有Content。有办法实现吗？
有一篇关于 UI-Router http://www.funnyant.com/angularjs-ui-router/ 的非常好的博客 post。作者在这里创建了与您的示例类似的示例，因此我认为它可能对您有所帮助。