SharedModule экспортирует ReactiveFormsModule, и я импортирую SharedModule в другой модуль, и он не работает

Question

У меня есть некоторые сомнения по поводу того, как работает SharedModule.Мне нужно использовать FormGroups и FormControl в модуле, поэтому я должен импортировать SharedModule в этот модуль.SharedModule экспортирует FormsModule, ReactiveFormsModule, поэтому я не знаю, почему он еще не распознает имена Formgroup и FormControl.Это ошибка, которую я получаю: Невозможно привязать «formGroup», так как это не известное свойство «form».

Это мой shared.module.ts:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RequiredLabelDirective } from './directives/required-label.directive';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';



@NgModule({
    imports: [
        CommonModule,
        ReactiveFormsModule,

    ],
    declarations: [RequiredLabelDirective],
    exports: [
        RequiredLabelDirective,
        FormsModule,
        ReactiveFormsModule
    ]
})
export class SharedModule { }

И это тот модуль, в который я хочу экспортировать SharedModule, чтобы:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedModule} from '../../shared/shared.module';

@NgModule({
  imports: [
    CommonModule,
    SharedModule
  ],
  declarations: []
})
export class MisDatosModule { }

Это код MisDatos.component.ts:

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-mis-datos',
  templateUrl: './mis-datos.component.html',
  styleUrls: ['./mis-datos.component.scss']
})
export class MisDatosComponent implements OnInit {


      profileForm = new FormGroup({
          Name:     new FormControl('NombreDelProfesional'),
          Surname:     new FormControl('ApellidoDelProfesional'),
          Dni:     new FormControl('DNIPROFESIONAL'),
          Email:     new FormControl('unEmail@gmail.com'),
          Password:     new FormControl('ayquepasswordmasmalo'),
          Phone:     new FormControl('12354566')
  });



  constructor() { }

  ngOnInit() {
  }

}

И этоэто структура моего углового проекта.

Структура

Другой вопрос, который у меня есть.Например, если у MisDatos не будет модуля, что произойдет?Могу ли я импортировать SharedModule в ProfesionalModule, и это может сработать ????Я имею в виду, вы можете использовать модуль из другого компонента, который не имеет своего единственного модуля ????

Надеюсь, вы мне поможете, большое спасибо.Я начинающий.

Answer 1

SharedModule также следует импортировать FormsModule.Вы не можете экспортировать то, что не было импортировано или объявлено в модуле Angular.