Angular 从同一路由器出口从另一个组件链接到一个组件

我的Angular 5应用程序中有多个路由器插座

其中一个看起来像这样：

  {
    path: "admin",
    component: AdminComponent,
    children: [
      {
        path: "",
        redirectTo: "/admin/(admin:news)",
        pathMatch: "full"
      },
      {
        path: "news",
        component: NewsComponent,
        outlet: 'admin'
      },
      {
        path: "new-post",
        component: CreatePostComponent,
        outlet: 'admin'
      }
    ]

我想创建从NewsComponent到CreatePostComponent的链接（

/admin/（admin:news）

=>

/admin/（admin:new post）

：

添加帖子

但这正试图创建路径

/admin/（admin:news）/（admin:new post）

（而不是

/admin/（admin:new post）

）

---

如何正确执行此操作？

这是因为

路由链接正在创建相对路径

从文件中：

如果第一段以/开头，路由器将从应用程序的根目录查找路由。

如果第一段以“./”开头，或不是以斜杠开头，路由器将转而查找当前激活路由的子级。

您可以在
出口前面添加
/admin/
，以获得所需路径

<a [routerLink]="['/admin/', {outlets: {admin:['new-post']}}]">Add Post</a>

添加帖子
这是因为
路由链接正在创建相对路径

从文件中：

如果第一段以/开头，路由器将从应用程序的根目录查找路由。

如果第一段以“./”开头，或不是以斜杠开头，路由器将转而查找当前激活路由的子级。

您可以在
出口前面添加
/admin/
，以获得所需路径

<a [routerLink]="['/admin/', {outlets: {admin:['new-post']}}]">Add Post</a>

添加帖子