如何在AngularJS中设置登录页面

时间:2014-08-21 14:01:03

标签: javascript angularjs

我使用AngularJS渲染我的观点,而不是。一切正常。但我现在需要创建一个登录页面。

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

现在很明显,当您未登录时,您将无法看到左侧菜单和顶部导航栏。

我可以"隐藏"他们有一个ng-if="$root.isLoggedIn"。实际上,这就是我现在所拥有的。但是当您加载页面时,您会看到所有菜单瞬间完成。然后,当AngularJS完成加载和解析DOM时,它会闪烁。

如果你问我,那不是一个漂亮的观点。

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

1 个答案:

答案 0 :(得分:2)

您可以使用ngCloak

文档中的说明:

  

ngCloak指令用于防止浏览器在加载应用程序时以原始(未编译)形式短暂显示Angular html模板