Angular5从应用程序根组件导航到嵌套路由中的次级路由
参见示例：https://angular-4zfq9r.stackblitz.io/home
代码在：https://stackblitz.com/edit/angular-4zfq9r
我有带路由器出口的根组件AppComponent。
我有一个家庭模块
-
< li>HomeComponent < li >消息组件
HomeComponent有一个命名的路由器出口“消息”
路由配置：应用模块：{路径：“您好”，组件：HelloComponent}//不相关的家庭模块：{路径：“家”，组件：家庭组件，子级：[{路径：“消息”，组件：消息组件，出口：“消息'} ] }
没有指定主路由的消息的路由器链接从同源组件中工作。
上面的路由器链接在App根组件中不起作用。当添加主路由时，它可以工作，但我不想指定主路由，因为我想为当时活动的任何子组件激活消息。消息路由出口必须在HomeComponent内部，因为它的内容必须相对于HomeComponent
在应用程序root = /home中生成的Url(消息:消息)
home = /home/(message:message)中生成的Url
有办法让它工作吗？
共有1个答案
我用这个来解决我的类似问题
<a [routerLink]="['', { outlets: { message: ['message'] } }]">Contact</a>
-
如果我将路由折叠起来，这样看起来就像： 工作很好。我嵌套的原因是因为我将在“dashboard”下有多个子项，并且希望它们都在URL中以为前缀。
-
我有一个名为Dashboard的父组件，它被呈现为路由，如下所示： 我试着嘲笑每个人在嵌套路由上的解决方案，但我似乎无法解决我的问题。
-
我的目标是让http://mydomain/route1呈现React组件Component1，让http://mydomain/route2呈现component2。因此，我认为编写如下路线是很自然的: http://mydomain/route1按预期工作，但http://mydomain/route2反而呈现Component1。 然后我读了这个问题，并将路线改为：
-
本文向大家介绍angularjs ui-router中路由的二级嵌套，包括了angularjs ui-router中路由的二级嵌套的使用技巧和注意事项，需要的朋友参考一下 关于ui-router中嵌套路由中的问题 1.首先我们的页面层次为 其中Main.html是我们的主页，我们要在main.html中对路由进行统一的管理。 main.html页面中有一个ui-view在这里将填充PageTa
-
问题内容： 尝试执行以下操作，但不起作用。 正如文档所述，Switch元素内仅允许Route和Redirect元素。如何在不显式地将HomePage和UserPage包裹在App中或没有将错误页面包裹在App中的情况下使其工作？ 问题答案： 当我开始开发“通用React应用”时，第一页的加载是通过服务器端渲染完成的，但是我也遇到了类似的问题，因为React- Router刚刚更新到4.0。您应该考
-
路由管理 路由管理主要是为了实现页面切换。Flutter中，页面称为路由Router，由导航器Navigator控制，导航器维护一个路由栈，路由入栈(push)则打开新页面，路由出栈(pop)则关闭页面。Flutter中的页面切换就是导航器指挥路由入栈出栈的过程，即：Navigator来push/pop页面Route的过程。写写常用场景的demo。 页面跳转 核心方法：Navigator.push