我正在寻找关于Angular2中针对loggedIn vs.!loggedIn视图的预期设计的一些建议 .
如果我的用户已登录,我希望默认显示导航和菜单栏组件 - 因此我将它放在显示当前路径视图的路由器插座之外 .
路由受路由保护,如果用户未登录,则重定向到登录页面 .
这是很难的,我显然不希望菜单和导航显示用户是否还没有登录 .
那么这种情况的预期设计是什么?我是否需要使用2个路由器插座,一个用于登录vs!登录视图,另一个用于实际路由组件?
但是当您按下浏览器的后退按钮时,此方法将会中断 . 即它会带您进入有效登录的登录页面 . 并且您可以看到导航栏 .
由于您要保存令牌以便将来调用后端,因此您可以根据现有的令牌或您使用的逻辑,只是* ngIf并询问您的本地存储服务,或者用户之前是否记录了什么 . 所以做这样的事情:
<header id="mysupersecretheader" *ngIf="loggedIn"></header>
如果结果为false,你将在输出html上得到这个:
<!--template bindings={ "ng-reflect-ng-if": "false" }-->
这甚至不会揭露那里的意图 .
由于一切都在不断变化,你应该阅读发行说明和文档,它真的有帮助! Here is the template syntax section
2 回答
但是当您按下浏览器的后退按钮时,此方法将会中断 . 即它会带您进入有效登录的登录页面 . 并且您可以看到导航栏 .
由于您要保存令牌以便将来调用后端,因此您可以根据现有的令牌或您使用的逻辑,只是* ngIf并询问您的本地存储服务,或者用户之前是否记录了什么 . 所以做这样的事情:
如果结果为false,你将在输出html上得到这个:
这甚至不会揭露那里的意图 .
由于一切都在不断变化,你应该阅读发行说明和文档,它真的有帮助! Here is the template syntax section