gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 17:40:47 26 4
gpt4 key购买 nike

您好亲爱的互联网!首先,ng 很棒,感谢这种惊人的前端技术。

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

我们想要实现的是单页应用程序体验,用户可以在其中浏览应用程序 (StartComponent)、阅读一些信息并在登录后显示应用程序,无需保留根 url 上下文(路由:'')。

注销后,用户会再次看到默认的 LoginComponent。

enter image description here

应用

  • 将用户定向到 StartHome(路线:'')或 Dashboard(路线:'')

HomeLayoutComponent

  • HomeLayoutComponent 包含或类似的功能,使拥有完全自己的布局成为可能,而不是隐藏 html 部分。
  • 其他组件可以在不使用 ChildRoutes 的情况下将内容传递给 HomeLayout。

尽管如此,我们最大的问题是我们的或应用程序将根据身份验证状态完全不同的 html 布局。我们知道 some其他方法,但它们不起作用。有没有人知道如何使用当前版本或提前执行此操作?

[3]: 有人在 gitter 上说动态使用 setRoot 方法,但不知道如何,没有找到有助于实现此问题中描述的要求的示例。

最佳答案

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

如果是这样,这就是详细的 source讨论在此 thread 中发布的 forChild 的场景.

关于Angular 2 如何实现多个布局组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40214810/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com