ngModel cannot be used to register form controls with a parent formGroup directive

ngModel cannot be used to register form controls with a parent formGroup directive

       原因是,在最外层的form中使用了 formGroup 指令,但在下面的某个input 插件中,使用了ngModel 指令,但没有加入formControl 指令或 formControlName 属性。

      

解决方法:

1. 在input元素中添加 formControl 指令或 formControlName 属性

<mat-radio-group [(ngModel)]="netconfFlag" [formControl]="netconfFlagCtrl">

并在相应的component.ts 中定义用于验证的FormControl。

2. 添加 ngModelOptions 指令

<mat-radio-group [(ngModel)]="netconfFlag" [ngModelOptions]="{standalone: true}"> 

需要指出它是独立的,因此它不与表单控件冲突: