2

新しい route3 を使用していますが、子ルートの補助コンポーネントを指定するための URL 構文を知りたいです。

次の子ルート定義があります。

const router: RouterConfig = [
  {
    path: 'component-c', component: ComponentC, children: [
      { path: 'auxPath', component: ComponentAux, outlet: 'aux'},
      { path: 'c1', component: ComponentC1 }
    ]
  }
];

ComponentC のテンプレートは次のようになります。

@Component({
  selector: 'component-c',
  template: `
    <div>Child Route Component</div>
    <router-outlet></router-outlet>
    <router-outlet name="aux"></router-outlet>
  `,
  directives: [ROUTER_DIRECTIVES]
})

URL /component-c/c1は ComponentC1 を表示します。ただし、 /component-c(aux:auxPath)/c1、/component-c/c1(aux:auxPath)などの多くの組み合わせを試しましたが、ComponentAux を表示する方法がわかりません。 ..

4

1 に答える 1

4

以下のような URL を作成してみてください。

this.router.navigateByUrl('/component-c/(c1//aux:auxPath)

私の最後の調査によると、現在のルーターのバージョンには、方法を使用して補助コンセントに移動する際にいくつかの問題がありrouterLinkますnavigate。完全な URL を作成して使用する必要がありますnavigateByUrl。

例のプランカー。詳細ボタンをクリックし、次に管理者をクリックします。管理者は管理者アウトレットにルーティングされます。全画面表示で開き、URL の構成を確認します。

URL には次のセマンティクスがあります

  1. 子パスは / で区切られます
  2. パスに兄弟がある場合は、括弧 () で囲む必要があります。
  3. 兄弟は // で区切られます

  4. アウトレットとパスは次のように区切られています。

    Parent/child/(gchild1//outletname:gchild2)

別のそう質問

于 2016-07-25T15:58:51.283 に答える