Angular ngSubmit未以角度反应形式执行

Angular ngSubmit未以角度反应形式执行,angular,angular8,angular-reactive-forms,ng-submit,Angular,Angular8,Angular Reactive Forms,Ng Submit,我对angular是个新手,在看一个教程的时候,我在反应型表格上乱搞。我的ngSubmit()函数没有执行,当我单击submit按钮时什么也没有发生,我花了一个小时试图找到根本原因。有人能帮忙吗 雇员培训 export class Employee { private name: string; private email: string; private salary: number; private notes?: string; } App.component.htm

我对angular是个新手,在看一个教程的时候,我在反应型表格上乱搞。我的ngSubmit()函数没有执行,当我单击submit按钮时什么也没有发生,我花了一个小时试图找到根本原因。有人能帮忙吗

雇员培训

export class Employee {

  private name: string;
  private email: string;
  private salary: number;
  private notes?: string;

}
App.component.html

  <div class="container-fluid">
  <app-header></app-header>
</div>

<div class="row justify-content-lg-center">
  <div class="col-md-4">
    <app-employee-list></app-employee-list>
  </div>

  <div class="col-md-4">
    <app-employee-form></app-employee-form>
  </div>
</div>
<form [formGroup]="reactiveForm" (submit)="employeeSubmit(this.reactiveForm.value)">
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text" id="basic-addon1">@</span>
    </div>
    <input formControlName="name" type="text" class="form-control" placeholder="Username" aria-label="Username"
           aria-describedby="basic-addon1">
  </div>

  <div class="input-group mb-3">
    <input formControlName="email" type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username"
           aria-describedby="basic-addon2">
    <div class="input-group-append">
      <span class="input-group-text" id="basic-addon2">@example.com</span>
    </div>
  </div>


  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text">$</span>
    </div>
    <input formControlName="salary" type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
    <div class="input-group-append">
      <span class="input-group-text">.00</span>
    </div>
  </div>

  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">With textarea</span>
    </div>
    <textarea formControlName="notes" class="form-control" aria-label="With textarea"></textarea>
  </div>

  <div class="input-group">
  <button type="button" class="btn btn-primary">Submit</button>
  </div>

</form>

您的按钮应该是类型
submit
,而不是类型
button

<button type="submit">Submit</button>
提交

将类型设置为
按钮
是一项特定指示,说明按钮不应提交表单。当表单中的其他按钮不是主提交按钮时,这非常有用。

Ha。发生在我们所有人身上:)
<button type="submit">Submit</button>