Angular 2如何实现多个布局组件

前端之家收集整理的这篇文章主要介绍了Angular 2如何实现多个布局组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
你好,亲爱的互联网!首先,非常棒,感谢这种惊人的前端技术.

我们目前在路线和应用布局结构方面遇到了困难.
我们如何实现多个HomeLayoutComponents并根据状态(例如isLoggedIn)重新定义哪一个用作默认值!?

我们想要实现的是单页应用程序体验,用户可以浏览应用程序(StartComponent),读取一些信息并登录后,无需离开根URL上下文(路由:”)即可显示应用程序.

注销时,用户再次将LoginComponent视为默认值.

enter image description here

应用

>将用户定向到StartHome(路线:”)或仪表板(路线:”)

HomeLayoutComponent

> HomeLayoutComponent包含或类似的功能,可以拥有一个完全自己的布局,而不是隐藏HTML部分.
> Ohter Components可以在不使用ChildRoutes的情况下传递HomeLayout的内容.

尽管有这条路线,但我们最大的问题是我们或app将根据身份验证状态拥有完全不同的html布局.
我们知道some其他方法,但它们没有成功.
有没有人知道如何使用当前版本或提前做到这一点?

[3]:有人说gitter动态地使用setRoot方法,但是没有线索如何,没有找到有助于实现此问题中描述的要求的示例.

解决方法

@ 4F2E4A2E CanActivate RouterModule.forChild()是您正在寻找的解决方案吗?

如果是这样,这是thread中针对儿童讨论的情景的详细source.

猜你在找的Angularjs相关文章