Как исправить эту ошибку в bootstrap-4 "Нет поставщика для ControlContainerAngular

Question

я использую bootstrap-4 в своем приложении angular7 и хочу разработать свое приложение с помощью bootstrap

я включил bootstrap в мои стили angular.json,

 <nav class="navbar navbar-light bg-light">
  <form class="form-inline">
    <div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text" id="basic-addon1">@</span>
      </div>
      <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
    </div>
  </form>
</nav>

я ожидал, чтодолжно быть какое-то поле поиска, включающее в документацию по начальной загрузке, но вывод, который я получаю "Нет поставщика для ControlContainer Angular"

Answer 1

Используете ли вы ReactiveFormsModule в своем приложении?

Если да, то вы должны создать группу FormGroup и затем связать ее с вашим Html

. Не забудьте импортировать оба компонента ReactiveFormsModule и FormsModule в ваше приложение.

компонент. ts file

export class MyComponent {
  reactiveForm= new FormGroup({
    reactiveFormControl: new FormControl('')
  });
}

html file

<form class="form-inline" [formGrop]="reactiveForm">
....
<input type="text" formControlName="reactiveFormControl">

Check Документация ControlContainer

Если это не исправлено, пожалуйста, поделитесь tyour module.ts для дальнейшегоисследование.