私はangular7アプリケーションでbootstrap-4を使用しています。ブートストラップを使用してアプリケーションを設計したい
<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>
ブートストラップドキュメントに含まれる検索ボックスがあるはずだと思っていましたが、エラーは「ControlContainerAngularのプロバイダーがありません」です。
アプリケーションでReactiveFormsModuleを使用していますか?
はいの場合は、FormGroupを作成し、それをHtmlにバインドする必要があります
アプリケーションにReactiveFormsModuleとFormsModuleの両方をインポートすることを忘れないでください。
component.tsファイル
export class MyComponent {
reactiveForm= new FormGroup({
reactiveFormControl: new FormControl('')
});
}
htmlファイル
<form class="form-inline" [formGrop]="reactiveForm">
....
<input type="text" formControlName="reactiveFormControl">
ControlContainerのドキュメントを確認してください
修正されていない場合は、さらに調査するためにmodule.tsを共有してください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加