错误错误: NG0201:在NodeInjector中未找到NgControl的提供程序
错误错误: NG0201:在NodeInjector中未找到NgControl的提供程序
提问于 2021-01-28 19:19:02
我完全没有想法了。我想使用Reactive Forms模块，所以我将其导入到app.module.ts中，如下所示
import { ReactiveFormsModule } from '@angular/forms';
@NgModule({
declarations: [
AppComponent,
...
],
imports: [
...
ReactiveFormsModule,
...
],
providers: [],
bootstrap: [AppComponent]
})在我的组件中我定义了：
import { Component, OnInit} from "@angular/core";
import { FormControl, FormGroup } from '@angular/forms';
@Component({
...
})
export class SearchComponent implements OnInit{
//Variablen
form: FormGroup;
//Konstruktor
constructor(){}
//Methoden
ngOnInit(){
this.form = new FormGroup({
'title': new FormControl(null)
});
}
showValue(){
console.log(this.form.get('title'));
}
}编译工作得很好，但是当显示它时，它会崩溃，并在浏览器控制台中显示以下错误："core.js:6156 error Error: NG0201: No provider for NgControl for NodeInjector found“。
你们有谁知道哪里出了问题吗？
如果有任何提示，我将不胜感激。
非常感谢!
回答 5
Stack Overflow用户
发布于 2021-03-27 05:51:28
要实现这一点，您必须将ReactiveFormsModule导入到您的@NgModule中，如您的问题所示，@NgModule就是ViewsModule。因为FormControl是作为ReactiveFormsModule的一部分而不是FormsModule公开的。
import { ReactiveFormsModule, ... } from '@angular/forms';
@NgModule({
imports: [..., ReactiveFormsModule, ...],
...
})
export class ViewsModule {...}Stack Overflow用户
发布于 2021-03-25 01:02:51
刚刚发现我(同样)的错误，你必须在“本地”模块中导入ReactiveFormsModule ...在本例中，它必须是"search-component.module.ts“
Stack Overflow用户
发布于 2021-01-28 19:48:29
也可以在app.module.ts中导入FormsModule
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65936059
复制相关文章
相似问题
腾讯云开发者
