Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为登录页面使用不同的页面布局_Javascript_Angularjs - Fatal编程技术网

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

Javascript 为登录页面使用不同的页面布局,javascript,angularjs,Javascript,Angularjs,我正在尝试用AngularJS实现SPA。我有一个主页布局,左侧处理导航链接,右上角包含用户名和用户偏好选项,当然大部分页面处理每个导航路径的内容 我试图做的是,如果用户没有登录,将其重定向到一个布局完全不同的登录页面(以登录表单为中心,仅此而已) 如何以简单的方式完成此操作?您可以在body标签上使用ng view,以便更改整个布局 <body ng-view> </body> 我也正在实施此功能。我将把登录和经过身份验证的应用程序视为两个不同的SPA。因此将有两个不

我正在尝试用AngularJS实现SPA。我有一个主页布局,左侧处理导航链接,右上角包含用户名和用户偏好选项,当然大部分页面处理每个导航路径的内容

我试图做的是,如果用户没有登录,将其重定向到一个布局完全不同的登录页面(以登录表单为中心,仅此而已)


如何以简单的方式完成此操作?

您可以在body标签上使用
ng view
,以便更改整个布局

<body ng-view>
</body>

我也正在实施此功能。我将把登录和经过身份验证的应用程序视为两个不同的SPA。因此将有两个不同的服务器路由,一个用于登录,另一个用于应用程序


这将使我不必在body标签上显示ng视图,因此我不需要在每条路线上复制标题和侧边栏逻辑。

我知道,他们的问题是,如果我想在其中嵌入更多模板(可能不止一层),处理这两种不同布局的最简单方法是什么。另外,我应该在哪里以及如何配置routeProvider?必须有一个明显的/登录部分来呈现第1种类型的主体,但是我应该如何处理例如/products/categories/super_category/?登录页面可以是一个简单的页面,并且可能不需要您设置任何角度代码,因为它的功能非常有限。非常好的一点,我将这样做,以允许其他功能,如忘记密码和帐户创建。这些也可以是单独的页面,但通过使用angular,它将为我的团队提供一个一致的开发环境。许多服务器框架(如ASP.Net MVC)为AuthenitAction提供了样板代码,可以直接使用。它包括所有功能,注册、登录、忘记密码、更改密码。确切地说,我使用的是ASP.Net身份验证机制,要求这些功能是帐户控制器的一部分。我只是在写使用这些暴露端点的部分。