为登录页面使用不同的页面布局

我正在尝试使用AngularJS实现SPA。我有一个主页面布局，左侧处理导航链接，右上角包含用户名和用户首选项选项，当然大多数页面都处理每个导航路径的内容。为登录页面使用不同的页面布局

我想要做的是如果用户没有登录，将他重定向到具有完全不同布局的登录页面（登录表单居中，这就是全部）。

这怎么能以简单的方式完成？

来源

2014-04-18 SLOBY

我也是在实现此功能的过程。我将把登录和认证的应用程序视为两种不同的SPA。所以会有两个不同的服务器路由，一个用于登录，另一个用于应用程序。

这将允许我没有我的身体标签ng视图，所以我不需要在每条路线上复制我的标题和侧栏逻辑。

来源

2014-04-18 13:08:33 Brocco

登录页面可以是一个简单的页面，并且可能不需要您设置任何角码，因为它具有非常有限的功能。 – Chandermani

优秀的一点，我会这样做，以允许其他功能，如忘记密码和帐户创建。这些也可以是单独的页面，但通过使用角度，它将成为我的团队一致的开发环境。 – Brocco

许多服务器框架（如ASP.Net MVC）提供了用于身份验证的样板代码，您可以直接使用该代码。它附带所有，注册，登录，忘记密码，更改密码。 – Chandermani

您可以在body标签使用ng-view这样你就可以改变整个布局

<body ng-view> 
</body>

来源

2014-04-18 12:09:15

我知道，他们问的是如何处理2种不同布局的最简单方法，如果我想在其中嵌入更多模板，也许只有1层。另外，我应该在哪里以及如何配置routeProvider？必须有一个非常明显的/登录部分呈现第一种类型的物体，但我应该如何处理例如/ products/categories/super_category/ ？ – SLOBY

您是否检查过https://github.com/angular-ui/ui-router？ –

为登录页面使用不同的页面布局

回答

相关问题