Angularjs 如何在整个angular应用程序上添加部分作为覆盖？

我有一个设计，登录屏幕看起来完全不同于仪表板用户界面。 一旦用户登录，他就会看到一个仪表板，在那里他可以控制一切

现在，登录屏幕占据了整个视图，中间有一个表单框。 一旦用户登录，他就会被带到仪表板

在我们当前的方法中，我们将登录作为一个单独的angular应用程序和仪表板，因为我计划使用一个除了侧栏和标题之外的视图作为仪表板的ng视图

---

目前，整个登录屏幕是一个单独的应用程序，在处理事情时我觉得有点奇怪，所以有可能有一个覆盖层占据整个屏幕并在用户登录时消失吗？

当然有。这里有几个选项。有些人只是强迫您使用

/login

路径，直到成功登录、存储令牌等。另一种选择是，您使用一个全尺寸、绝对定位、具有最高z索引的容器，并将其放置在main index.html上。在某些事情发生变化之前，你只能看到这些。然后，在登录完成并且视图模型的属性已更新后，使用

ng If

删除该容器，例如

navModel.loginComplete=true
当然是。这里有几个选项。有些人只是强迫您使用
/login
路径，直到成功登录、存储令牌等。另一种选择是，您使用一个全尺寸、绝对定位、具有最高z索引的容器，并将其放置在main index.html上。在某些事情发生变化之前，你只能看到这些。然后，在登录完成并且视图模型的属性已更新后，使用
ng If
删除该容器，例如
navModel.loginComplete=true