名为路由器出口的角度不显示组件

Question

我正在尝试在主路由器插座内的命名插座内显示component。 我有一个组件：calculateur.component.ts，其中有一个button和这个router link：

[routerLink]="['/',{ outlets: { resultats: 'synthese' } }]" 

这是路由配置：

{

path: "indicateur",

    component: IndicateurComponent,
    children: [
      {
        path: "",
        redirectTo: "absenteisme",
        pathMatch: "prefix"
      },
        path: "calculateur",
        component: CalculateurComponent,
        children: [
          {
            path: "synthese",
            component: SyntheseComponent,
            outlet: "resultats"
          },
          {
            path: "cout-direct",
            component: CoutDirectComponent,
            outlet: "resultats"
          },
          {
            path: "cout-indirect",
            component: CoutIndirectComponent,
            outlet: "resultats"
          }
        ]
      },

当我单击它时，URL变为：http://localhost:4200/#/indicateur/calculateur(resultats:synthese)，但屏幕上什么都没有。

我不确定导致上述行为的问题。

Answer 1

routerLink应该位于IndicateurComponent的模板上（您可能将其命名为indicateur.component.html），而不应该位于CalculateurComponent上。

另外，请确保将router-outlet添加到IndicateurComponent上。