AngularJS全屏显示登录页面_Angularjs_Angularjs Routing

AngularJS全屏显示登录页面

angularjs

AngularJS全屏显示登录页面,angularjs,angularjs-routing,Angularjs,Angularjs Routing,我有我的angularjs应用程序，它有一个顶部栏导航，一个左侧栏导航，其余的用于内容（使用data ng viewI获得不同的视图）我的问题是，如果我有一个名为login的视图和一个将我重定向到登录页面的路由，我如何在页面的全屏上显示该视图现在，如果我导航到视图，如下所示： <html> <head> </head> <body> <header>...</header> // top navigation

我有我的angularjs应用程序，它有一个顶部栏导航，一个左侧栏导航，其余的用于内容（使用

data ng view

I获得不同的视图）

我的问题是，如果我有一个名为login的视图和一个将我重定向到登录页面的路由，我如何在页面的全屏上显示该视图

现在，如果我导航到视图，如下所示：

<html>
<head>

</head>
<body>

   <header>...</header> // top navigation bar

   <div id="container">

        <nav>...</nav>  //left bar navigation

        <div id="content">

             <div id="wrap" data-ng-view="">
                         // here are loaded all the views ...
             </div>

        </div>

    </div>


</body>
</html>

我希望它看起来像这样：

<html>
<head>

</head>
<body>

   <header>...</header> // top navigation bar

   <div id="container">

        <nav>...</nav>  //left bar navigation

        <div id="content">

             <div id="wrap" data-ng-view="">
                         // here are loaded all the views ...
             </div>

        </div>

    </div>


</body>
</html>

我想不出我怎样才能在AngularJS中做到这一点

html是这样的：

<html>
<head>

</head>
<body>

   <header>...</header> // top navigation bar

   <div id="container">

        <nav>...</nav>  //left bar navigation

        <div id="content">

             <div id="wrap" data-ng-view="">
                         // here are loaded all the views ...
             </div>

        </div>

    </div>


</body>
</html>


... // 顶部导航栏
...  //左栏导航
//这里加载了所有的视图。。。

正确的解决方案是将页眉/页脚/侧边栏移动到角度视图中，然后在需要时使用来构建包含多个命名视图的页面。

如果您不想修改代码，则无法实现您想要实现的目标。由于登录页面由ng view呈现，它将插入页面上的该标记中。您可以在呈现登录页面时设置的某个范围变量上使用ng hide set隐藏标题和导航栏，然后在成功登录/遍历另一个页面时重置该变量。这是一个有点黑客，当然不是理想的，但是一个快速和肮脏的修复。如果您想学习并正确执行，Justin的建议是一个很好的起点。

这是否解决了angularjs在应用程序中只允许一个data ng view指令的问题？@Davidbury-阅读文档中的“嵌套视图”和“多个命名视图”部分。