时间戳

首页 > 解决方案 > 角度形式不返回绑定对象

angular - 角度形式不返回绑定对象

问题描述

我正在尝试创建一个带有 2 个输入字段的角度表单，在提交时将字段的值发布到相应处理它们的函数

我已确保正确导入 FormsModule 和 NgForm

  <div class="modal-body">

    <form class="example-form" (submit)="createNewPartySubmit(newPartyForm)" #newPartyForm="ngForm">
      <mat-form-field class="input-field" floatLabel="auto">
        <mat-label>Name</mat-label>
        <input matInput name="name" type="text" [ngModel]="newPartyItem?.name" required #name="ngModel" />
      </mat-form-field>

      <mat-form-field class="input-field" floatLabel="auto">
        <mat-label>Country</mat-label>
        <input matInput name="country" type="text" [ngModel]="newPartyItem?.country" required #country="ngModel" />
      </mat-form-field>
      <div class="modal-footer">
        <button mat-button type="submit" class="btn btn-primary primary" (click)="createNewPartySubmit()">Submit</button>
      </div>
    </form>
  </div>
</div>

功能处理如下

  createNewPartySubmit(newPartyForm: NgForm) {
    console.log(newPartyForm);
  }

打印输出未定义

标签： angularforms

解决方案

在 CreateNewPartSubmit($event) 形式的函数声明中试试这个

推荐阅读