我正在尝试创建一个就地可编辑表单，其控件应在单击外部按钮时立即在可编辑和仅查看模式之间切换（我不希望单击单个控件以切换编辑模式）。
我创建了这个StackBlitz，但我收到一个错误消息，No provider for NgControl。我不想将表单元素包装在我要创建的每个可编辑控件组件上。请帮我解决这个问题。
我的预期控制是这样的，
<editable-control [mode]="formMode" type="text"></editable-control>
【问题讨论】：
标签： angular angular2-template angular2-forms angular2-formbuilder
您的自定义表单组件实现了ControlValueAccessor 接口，因此它需要NgControl 提供程序。您必须使用ReactiveFormsModule 而不是FormsModule。
所以你必须从@angular/forms 导入它并添加到对应NgModule 的imports 数组中：
// ...
import { ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
// ...
ReactiveFormsModule
]
})
// ...
要使用您的自定义组件，您可以将它与formGroup 指令一起使用。例如：
<form [formGroup]="myForm">
<editable-control [mode]="formMode" type="text" formControlName="myText">
</editable-control>
</form>
【讨论】：
formGroup，因为我想从消耗的组件中做到这一点它。有什么解决方法吗？
ngModel 而不是formControlName，它可以工作了！
ngModel 是正确的方法。