angular - 角度で個々のコンポーネントのように子コンポーネントを表示する

Question

親コンポーネントの外側に子コンポーネントを表示しようとしています (ただし、ブレッドクラムに子を使用するにはルーターが必要です)。ルートの定義は次のとおりです。

const routes: Routes =[ 
  { 

    path: '',component: PagesComponent, 
    children: [ 

      // HOME ********************************* 

      { Path: '', redirectTo: '/home', pathMatch: 'full'}, 
    
      { path: 'home', component: HomeComponent, 
        children: [ 

          // Car ************************************* 
          { 
            path: 'car', component: carComponent, 
            children: [ 

              // HelpChoose Car                    
              { 

                path: 'HelpChoose', component: HelpChooseComponent,
                children: [ 
                  { path: ':cod', component: DetailCarComponent}    

                ]
              }, 
              // KnowModel     
              { 
                path: 'KnowModel', component: KnowModelNrComponent 
              } 

            ] 
          }

        ] 

      } 

    ] 

  } 

] 

HelpChoose と knowModel を carComponent のように表示したい。

私はこれを試しましたが、うまくいきませんでした。これを試してみましたが、うまくいきません。

<button [routerLink]="[{ outlets: { primary: ['HelpChoose'] } }]" mat-raised-button color="primary">Find car</button>

これがルートです: http://localhost:4200/home/car/HelpChoose

しかし、コンソールに次のエラーが表示されます。

Cannot match any routes. URL Segment: home/car/HelpChoose