我在我的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>
我希望应该在引导文档中包含搜索框,但错误是“ ControlContainer Angular没有提供者”
您是否在应用程序中使用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">
如果不固定,请共享tyour module.ts进行进一步调查。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句