Я столкнулся с большой проблемой, и мне не терпится выяснить, в чем может быть проблема.
На самом деле у меня есть модуль, который называется, скажем, 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
я попытался использовать свой FormComponent внутри другого компонента employer.component.html
, вот так:
<someDesign>
<form [someInput]="data"></form>
</someDesign>
Проблема в том, что когда я пытаюсь получить доступ к /employer
, я вижу <button>
и все остальное, объявленное в моем компоненте, но я не вижу содержимого rooter-outlet
.
И если я попытаюсь получить доступ к /donnees-administratives
, я получу все содержимое этого компонента, но без данных работодателя.
Надеюсь, я был ясен в своем объяснении и мне интересно, что я делаюнеправильно ?!Спасибо заранее.