在另一个组件中进行路由的角度使用模块

Question

我正面临一个大问题，这使我永远要找出可能是什么问题。

实际上，我有一个名为form.module.ts的模块，其中包含4个组件，form.component显示了其他3个组件，它们是表单的3个步骤。

这里是form.component.html：

<div class="form">
  <router-outlet></router-outlet>
  <div class="validation" *ngIf="!isConseiller">
    <button type="button" class="btn btn-default" (click)="doSomething()">Abandonner</button>
    <button type="button" class="btn btn-primary" (click)="doSomethingElse()">
      Valider et envoyer
    </button>
  </div>
</div>

这是我对该模块的路由配置的外观form-routing.module.ts：

const formRoutes: Routes = [
  { path: 'donnees-administratives', component: DonneesAdministrativesComponent},
  { path: 'devis', component: DevisComponent},
  { path: 'validation', component: ValidationComponent}
];


@NgModule({
  imports: [RouterModule.forChild(formRoutes)],
  exports: [RouterModule]
})
export class FormRoutingModule { }

这是我的form.module.ts：

@NgModule({
  imports: [
    SharedModule,
    FormRoutingModule 
  ],
  declarations: [
    FormComponent,
    DevisComponent,
    DonneesAdministrativesComponent,
    ValidationComponent
  ],
  exports: [
    FormComponent
  ]
})
export class FormModule { }

在将模块导入app.module.ts中之后，我尝试像这样在另一个组件employer.component.html中使用FormComponent：

<someDesign>
  <form [someInput]="data"></form>
</someDesign>

问题在于，当我尝试访问/employer时，我可以看到<button>以及在组件中声明的所有其他内容，但是看不到rooter-outlet的内容。

如果我尝试访问/donnees-administratives，我将获得该组件的所有内容，但没有雇主数据。

我希望我的解释很清楚，并且想知道自己错在哪里？！预先感谢。