は私のNG2アプリで

Question

を「componentlessルートが設定という名前のコンセントを持つことができない」、私は次のルートがあります

const modalRoutes: Routes = [{ 
    path: 'modal_1', 
    component: SomeModalComponent, 
    outlet: 'modal', 
    children: [ 
     { 
      path: 'step_one', 
      component: OneSubmodalComponent, 
      outlet: 'submodal' 
     }, 
     { 
      path: 'step_two', 
      component: AnotherSubmodalComponent, 
      outlet: 'submodal' 
     }, 
     { 
      path: '', 
      redirectTo: 'step_one', 
      outlet: 'submodal', 
      pathMatch: 'full' 
     } 
    ] 
}]; 

を私はメインページのコンテンツの非命名ルータのコンセントを持っており、このルートは説明します名前付きアウトレットmodalにルーティングされ、それ自身が名前付きアウトレットsubmodalを含む1つのモーダルのルーティング。

角度2.2.4では、これはうまくいきましたが、2.3.0+に更新するとエラーInvalid configuration of route 'modal_1/': a componentless route cannot have a named outlet setが表示されます。リダイレクトルートにはコンポーネントが定義されていないため、がになると、これが定義されているstep_oneにリダイレクトされるだけなので、これがわかります。私のルーティングの設計についてここに何かありますか？

Answer 1

上記のルートでは、 /main(modal:modal_1/(submodal:step_1))のようなパスが得られますが、これは正しく動作していないようです。パスを簡略化して/main(modal:modal_1/step_1)にすることで、正しく動作させることができます。私のルートは、次のようになります。

const modalRoutes: Routes = [{ 
    path: 'modal_1', 
    component: SomeModalComponent, 
    outlet: 'modal', 
    children: [ 
     { 
      path: 'step_one', 
      component: OneSubmodalComponent 
     }, 
     { 
      path: 'step_two', 
      component: AnotherSubmodalComponent 
     }, 
     { 
      path: '', 
      redirectTo: 'step_one', 
      pathMatch: 'full' 
     } 
    ] 
}];