Question

<div class="col-md-4">
  <form [formGroup]="uploadForm" (ngSubmit)="onSubmit(uploadForm.organization)">
    <fieldset class="form-group">
      <label class="control-label" for="email">
        <h6 class="text-success">Contact Email</h6>
      </label>
      <div class="input-group">
        <div class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></div>
        <input type="email" class="form-control" [(ngModel)]='organization.ContactEmail' placeholder="Contact Email" />
      </div>
    </fieldset>
  </form>
</div>

OrgnizationFormComponent.html：18错误错误： ngModel不能用于通过父formGroup指令注册表单控件。尝试使用 formGroup的合作伙伴指令“ formControlName”。 示例：
<div [formGroup]="myGroup">
  <input formControlName="firstName">
</div>
在您的课堂上：

this.myGroup = new FormGroup({ firstName: new FormControl() });

或者，如果您希望避免注册此表单控件，请指明   在ngModelOptions中是独立的：

示例：
<div [formGroup]="myGroup">
  <input formControlName="firstName">
  <input [(ngModel)]="showMoreControls" [ngModelOptions]="{standalone: true}">
</div>

Answer 1

您应该在ngSubmit中使用表格。

<form (ngSubmit)="submitFunction()">
...
</form>

请参见documentation API。

Answer 2

使用需要在FormGroup上使用事件提交作为ReactiveForm

<form (ngSubmit)="onSubmit()">

... 链接：https://angular.io/guide/reactive-forms#saving-form-data

之前在fromGroup中遇到错误，它工作正常，但现在显示错误

2 个答案: