angular - アウトレットのない別のコンポーネントへのリンク

Question

私の Angular5 アプリには、「admin」(/admin) という名前のルーター アウトレットがあり、子ルーターの「ニュース」/admin/(admin:news) があり、コンポーネント CreatePostComponent /admin/(admin:news/ へのリンクを作成したい新規投稿）。

これが私のルーターです：

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

テンプレート内のリンク:<a [routerLink]="['new-post']">New post</a>

これでうまくいきました。URL を /admin/(admin:news/new-post) に変更しましたが、CreatePostComponent ではなく NewsComponent が表示されます。これを正しく行うにはどうすればよいですか？

また、名前付きルーターアウトレット (/admin/(admin:news) ではなく、/admin/news) に通常の種類の URL を設定できますか?