Внезапное получение ошибки в Angular Ошибка: NodeInjector: NOT_FOUND [ControlContainer]

Question

core. js: 5873 Ошибка: NodeInjector: NOT_FOUND [ControlContainer]. Иногда, когда я перезапускаю проект, он отлично работает. В app.component есть только изменения. html:

 <div class="container">
  <div class="row">
    <div class="col-md-4">
      <form action="">

        <div class="form-group">
          <label for="">Username</label>
          <input type="text" name="username" class="form-control" />
        </div>
        <div class="form-group">
          <label>Password</label>
          <input type="password" class="form-control">
        </div>
        <div class="form-group">
          <label>Confirm Password</label>
          <input type="password" class="form-control">
        </div>
        <div>
          <button type="submit" class="btn btn-primary btn-block">Register</button>
        </div>
      </form>

    </div>
  </div>
</div>

Answer 1

В моем случае я забыл поместить ReactiveFormsModule в раздел imports в соответствующем файле .spec.ts.

Answer 2

Ваш вопрос очень похож на этот вопрос, и ваш код выглядит отсутствующим [formGroup], как указано в этом вопросе:

Angular 5: "Нет поставщика для ControlContainer"

Если вы попробуете ответить, это сработает для вас?

Answer 3

ваш код отсутствует FormGroup попробуйте это

Answer 4

вы должны импортировать оба, import { FormsModule } from '@angular/forms'; import { ReactiveFormsModule } from '@angular/forms'; в соответствующий файл module.ts. это сработало для меня.

Answer 5

В app.module.ts Я добавляю ReactiveFormsModule в мой imports раздел. Не забудьте импортировать его вверху как: import { ReactiveFormsModule} from '@angular/forms.

В вашем app.component.ts вы должны определить FormGroup экземпляр и инициализировать / зарегистрировать его с помощью метода ngOnInit, как показано ниже:

    import { FormGroup, FormControl } from '@angular/forms'; //imports
.......................................................................
    myForm:FormGroup;  
    ngOnInit(){
         this.myForm = new FormGroup({          
               'name':new FormControl(null), //note, can have up to 3 Constructor Params: default value, validators, AsyncValidators
               'email':new FormControl(null,Validators.email)

          })
    }

Затем свяжите форму с FormGroup экземпляром myForm:

<form [formGroup]="myForm">

Обратите внимание, что name и email являются элементами управления в форме, которые требуют привязки с использованием formControlName:

<input type="text" name="name" formControlName="name">

Answer 6

Замена тега тегом решит проблему. По некоторым причинам angular выдает ошибку, когда у вас есть тег формы.

Хорошей новостью является то, что вам все равно это не нужно.

Вы также можете использовать, если использование div влияет на ваш стиль.