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

标签 javascript angularjs

我正在使用 AngularJS 来渲染我的 View 等等。这一切都很好。但我现在需要创建一个登录页面。

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

现在显然,当您未登录时,您不应该看到左侧菜单和顶部导航栏。

我可以使用ng-if="$root.isLoggedIn"“隐藏”它们。事实上,这就是我现在所拥有的。但是当您加载页面时,您会立即看到所有菜单。然后它就会消失,因为那时 AngularJS 已经完成了 DOM 的加载和解析。

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

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

最佳答案

您可以使用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

关于javascript - 如何在 AngularJS 中设置登录页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25428356/

相关文章:

javascript - 无法理解 domEvent 的工作原理

javascript - 如何将javascript数组保存为redis列表

javascript - Meteor WhatsApp 克隆教程不会在 chats.controller.js 中构造 ChatsCtrl

javascript - 如何通过 angularjs $index 分配 href 或 id

javascript - 有没有办法将其简化为只有几行 jQuery

javascript - 使用 JS 速记包含 jQuery

javascript - 是否有可能使网站上的每个单词实例都不会中断?

javascript - AngularJS 指令属性的多种用法

javascript - 在 Cordova 中将 handleOpenURL 与自定义 URL 方案结合使用

testing - 如何在 AngularJs 中使用私有(private)方法编写可测试的 Controller ?