angular - 早些时候在 fromGroup 中出现错误，它工作正常，但现在显示错误

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 ERROR 错误： 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>

标签： angulartypescript

Answer 1

您应该为ngSubmit.

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

请参阅文档API。