具有角度js ui-router的不同页面结构

Question

我的这是非常基本的，但我真的被困在这里，这是我的问题： 我正在使用angular-ui-router和angular js

这就是我的网页结构（左：主页，右：内页（/ about-us））：

主页（/）

Header
Content (100% width, one column)
Footer

所以我为Header创建了指令，＆amp;页脚，它们将在整个站点中很常见。 ＆安培;我在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

因此，根据上面的主页结构，我现在需要在UI-VIEW中加载内容图像/地图，内容和补充工具栏，但补充工具栏也很常见，并且在内页上不会改变。

所以内页我只想加载内容图像/地图和内容。有没有办法实现这个目标？

Answer 1

关于UI-Router，http://www.funnyant.com/angularjs-ui-router/有一篇非常好的博文。在这里，作者为您创建了类似的示例，因此我认为它可能会对您有所帮助。