Question

Desired structure

我正在构建一个Angular应用程序，并且在如何处理主页方面遇到了一些障碍。主页有90％的不同 - 只有标题保持不变 - 在那里我有指令显示ex的用户登录状态。

要使用路由/模板等，我最好将我的ngview显示在示例的白色区域 - 一切正常 - 只是不确定如何构建主页。它不需要ngview区域，因为它是唯一的类型。我不想把它作为第二个应用程序，因为这似乎浪费，并将重新加载一切。

谷歌搜索提出了用指令替换白色区域的建议，但我认为我将失去整个路由/模板的好处。

我看到的替代品有代码来确定是否在家中并加载一个正文CSS类等，但这不是理想的内容是如此不同。

UI路由器是可能的，但我想尽可能避免使用prebeta。

建议？

Answer 1

你可以这样：

的index.html：

<body>

  ...header..

  <div ng-if="isHomePage()">
    <div ui-view></div>
  </div>
  <div ng-if="!isHomePage()">
    <div ng-include="'shell.html'"></div>
  </div>

  ...footer..

</body>

home.html（带路线'/'）

...your home page html...

shell.html（任何不同于'/'的路线）

<div>
    <div>
       <div ui-view></div>
    </div>
    <aside><aside>
</div>

最后，将isHomePage()添加到根范围

$rootScope.isHomePage = function() {
    return $location.path() == '/';
};

具有Angular的多个布局

1 个答案: