9

次のAngular Route構成があります

const appRoutes: Routes = [
    {
      path: '',
      component: DirectoryComponent
    },
    {
      path: 'manage/:type/:id',
      component: ManageComponent,
      outlet: 'manage',
      children: [
        {
          path: '',
          component: PreviewComponent,
          pathMatch: 'full'
        },
        {
          path: 'add/:elementType',
          component: EditComponent,
        }
      ]
    }
  ];

ManageComponentPreviewComponentとEditComponentがレンダリングされるサンドボックス コンポーネントです。

ユーザー ユース ケースhttp://localhost:4200/#/(manage:manage/bar/12762)は、プレビュー コンポーネントに一致するユーザーをリダイレクトします。ここではすべて問題ありません。

から、ユーザーがボタンをクリックしたときに、ナビゲーションが終了したときに、へPreviewComponentの相対ナビゲーションを作成したいEditComponenthttp://localhost:4200/#/(manage:manage/bar/12762/add/foo)

私は試した

this.router.navigate([{outlets: {manage: ['add', 'foo']}}],{relativeTo: this.route});

と

this.router.navigate([{outlets: {manage: ['add', 'foo']}}]);

しかし毎回、ユーザーは にリダイレクトされhttp://localhost:4200/#/add/fooます。

どうすればこのナビゲーションを作成できますか?

4

1 に答える 1