javascript - 如何在 AngularJS 中设置登录页面

Question

我正在使用 AngularJS 来呈现我的 View ，而不是什么。这一切都很好。但我现在需要创建一个登录页面。

通常我的基本布局在左侧有一个顶部导航栏和一个侧面菜单，并在菜单的右侧加载正文。就像典型的管理仪表板一样:http://getbootstrap.com/examples/dashboard/

很明显，当您未登录时，您应该看不到左侧菜单和顶部导航栏。

我可以使用 ng-if="$root.isLoggedIn"“隐藏”它们。事实上，这就是我现在所拥有的。但是当你加载页面时，你会在一瞬间看到所有的菜单。然后它会闪烁，因为那是 AngularJS 完成加载和解析 DOM 的时候。

如果你问我，这并不是一个美丽的景色。

那么其他人是如何解决这个问题的呢？有没有办法让登录页面使用不同的基本布局？

Answer 1

你可以使用ngCloak

文档中的描述:

The ngCloak directive is used to prevent the Angular html template from being briefly displayed by the browser in its raw (uncompiled) form while your application is loading