首页 文章

Angular2路由设计 - 默认导航组件与登录

提问于
浏览
1

我正在寻找关于Angular2中针对loggedIn vs.!loggedIn视图的预期设计的一些建议 .

如果我的用户已登录,我希望默认显示导航和菜单栏组件 - 因此我将它放在显示当前路径视图的路由器插座之外 .

路由受路由保护,如果用户未登录,则重定向到登录页面 .

这是很难的,我显然不希望菜单和导航显示用户是否还没有登录 .

那么这种情况的预期设计是什么?我是否需要使用2个路由器插座,一个用于登录vs!登录视图,另一个用于实际路由组件?

2 回答

  • 1

    但是当您按下浏览器的后退按钮时,此方法将会中断 . 即它会带您进入有效登录的登录页面 . 并且您可以看到导航栏 .

  • 0

    由于您要保存令牌以便将来调用后端,因此您可以根据现有的令牌或您使用的逻辑,只是* ngIf并询问您的本地存储服务,或者用户之前是否记录了什么 . 所以做这样的事情:

    <header id="mysupersecretheader" *ngIf="loggedIn"></header>
    

    如果结果为false,你将在输出html上得到这个:

    <!--template bindings={
      "ng-reflect-ng-if": "false"
    }-->
    

    这甚至不会揭露那里的意图 .

    由于一切都在不断变化,你应该阅读发行说明和文档,它真的有帮助! Here is the template syntax section

相关问题