Question

在提交我的表单组时，仅将null登录到控制台。以下是我的代码的html设置。为了简化示例，我将其简化为一个输入。我遵循了有关角度的反应形式指南，但找不到我错过的任何内容。

<div class="jumbotron">
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-sm-12 offset-md-4">
        <h3>Fyll inn</h3>
        <form [formGroup]="addCarForm" (ngSubmit)="onSubmit()">
          <label>
            Skiltnummer
            <input FormControlName="LicensePlate" class="form-control" />
          </label>
          <br />
          <button type="submit">Lagre</button>
          <button type="reset" (click)="revert()">Reset</button>
        </form>
      </div>
    </div>
  </div>
</div>

以下是我的FormGroup存储在add-car.component.ts

中

export class AddCarComponent implements OnInit {
  addCarForm = new FormGroup({
    LicensePlate: new FormControl()
  });

必要的导入被添加到add-car.component.ts

import { FormControl, FormGroup } from '@angular/forms';

在app.module.ts中，我导入了ReactiveFormsModule

import { ReactiveFormsModule } from '@angular/forms';

并将其添加到@NgModule上导入中的导入下。

Answer 1

formControlName应该是小写

<input formControlName="LicensePlate" class="form-control" />

FormGroup提交返回的空Angular6

1 个答案: